css基础06

加油,沈剑心!
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;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值