随笔分类 -  CSS

摘要:当前元素分类(float:left) 下一个紧邻元素分类(不含float) 结论 块级元素(a) 块级元素(b) b会填充a遗留下来的空间,a会和b发生重叠,a的图层在上面。 内联元素(b) b会紧跟在a的后面。并根据自身内联元素的特点,是否换行。 内联元素(a) 块级元素(b) b不会跟随a的移动 内联元素(b) b会紧跟在a的后面。并根据自身内联元素的特点,是否换行。 ... 阅读全文
posted @ 2017-01-13 09:12 剑阁王者 阅读(325) 评论(0) 推荐(0)
摘要:line-height 行高指一行文字的高度,具体来说是指两行文子间基线间的距离 line-height 与 font-size 的计算值之差(行距)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。 行高是指上下文本行的基线间的垂直距离,即图中两条红线间垂直距离。 行 阅读全文
posted @ 2016-11-16 21:44 剑阁王者 阅读(154) 评论(0) 推荐(0)
摘要:菜单纵向:把ul 元素的边框属性去除,li元素用border-top 上边框显示分离,把a 元素用display:block text-decoration:none 去除默认下划线 菜单横向:ul 元素使用display:inline 把 ul设置为内联元素, li 元素定义浮动属性 float: 阅读全文
posted @ 2016-10-31 18:32 剑阁王者 阅读(343) 评论(0) 推荐(0)
摘要:宽度自适应 : width:X% 浮动属性:float:(left,right) 影响的是其父元素跟紧邻的后面元素。用clear:both或者overflow:hidden 属性清除 position:静态定位(static),相对定位(relative 还在文档流中),绝对定位(absolute 阅读全文
posted @ 2016-10-28 11:59 剑阁王者 阅读(173) 评论(0) 推荐(0)