摘要: block:多個元素豎直排列,每個元素單獨占一行,寬高可以設置,padding、margin可以設置; inline:多個元素占一行,一行放不下了,才轉入下一行,寬高不能設置,水平的padding、margin有效,豎直的無效; inline-block:多個元素占一行,但是內部的寬度。margin 阅读全文
posted @ 2019-03-27 22:36 web前端日志 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 分欄佈局: column-count:分欄數 column-gap:欄間間距 column-rule:欄間線條 記得消除瀏覽器兼容:-moz-和-webkit- 盒佈局: display:box 彈性佈局: display:flex flex-wrap https://blog.csdn.net/q 阅读全文
posted @ 2019-03-27 16:47 web前端日志 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 高度自適應意思是高度能隨著瀏覽器的大小的變化而變化。 阅读全文
posted @ 2019-03-27 14:39 web前端日志 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 1、z-index數值大的元素覆蓋數值小的元素,z-index需要在標明定位方式的元素有效; 3、父元素和子元素 ,如果父元素的index有效,子元素覆蓋父元素;但父元素的z-index失效(未設置定位或者默認值),那麼子元素的z-index生效; 4、如果兩個並列元素,都沒有設置z-index,一 阅读全文
posted @ 2019-03-27 14:28 web前端日志 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 1、鼠標顯示 a:小手cursor:pointer b:默認cursor:default c:勾選文本cursor:text d:拖動cursor:move 2、css三種佈局模型 a、流動模型(默認): (1)塊狀元素:從上到下垂直自動垂直延伸分佈 (2)行內元素:自左向右水平分佈 b、浮動模型: 阅读全文
posted @ 2019-03-27 13:34 web前端日志 阅读(97) 评论(0) 推荐(0) 编辑
摘要: https://jingyan.baidu.com/article/36d6ed1f67d58f1bcf488393.html 阅读全文
posted @ 2019-03-27 12:00 web前端日志 阅读(262) 评论(0) 推荐(0) 编辑
摘要: position:absolute,left:0,right:0,top:0,bottom:0,margin:auto flaot:left,position:relative,left:50%等等 需要解決的是不同瀏覽器的居中方案搭配問題。 https://www.cnblogs.com/2050 阅读全文
posted @ 2019-03-27 11:06 web前端日志 阅读(129) 评论(0) 推荐(0) 编辑