加油,沈剑心!
1.文本修饰:text-decoration
属性值有(underline none overline blink
)。
2.首行缩进:text-indent
属性值有(长度,%,inherit)。
3.对齐:text-align
属性值有(left right justfy center)。
3.text-transform
用于将元素中的字母全部变成大小写,属性值(uppercase lowercase capitalize none)。
3.list-style
列表属性,可继承 包括(样式,位置,图片),值可以是(circle square)。
4.overflow
控制内容溢出情况,属性值包括(visible scroll auto hidden)。
5.line-height
设置行高,行间距可设置为值。
6.box-sizing
允许以特定方式定义匹配某个匹配的特定区域。属性值有content-box border-box。
7.outline:none;
去除外边框。border:none;
无边框。
8.技巧:
1)解决空格问题:父标签设置为font-size=0;
,子标签设置font-size=14px;
。CTRL+Alt+L
组合键保持代码工整。
2)行间距问题,文档流,块元素,浮动float。浮动是脱离文档流,向父元素最上方,不覆盖块元素,不超过兄弟元素,浮动不会覆盖文字,文字会自动环绕在浮动元素的周围。(会出现高度塌陷问题)。
9.页面布局:
1)定位:元素摆放到页面的位置;
2)position;
3)可选值:static;relative;absolute;fixed。
4)相对定位:相对于其自身在文档流中的位置来定位;不脱离文档流;不改变元素的性质;提升一个级层;偏移量:left top right bottom
;案例:position:relative;left:200px;top:200px;
。
5)绝对定位:不设偏移量不变;相对于距离他最近的开启了定位的祖先元素进行定位;所有祖先元素都没开启定位,则相对于浏览器窗口进行定位;绝对定位的元素会完全脱离文档流。改变元素性质,内联变块,绝对定位会使元素提升一个层级。(子绝父相)。
6)固定定位:相对于浏览器窗口进行定位的,不随滚动条滚动。position:fixed;
。
css基础06
最新推荐文章于 2024-07-16 09:24:07 发布