DIV CSS布局容易忽略的属性

时间:2021-09-26 14:53:24
 white-space:pre   //保留空格,不然又多个空格值显示一个
white-space:nowrap //强制不换行,知道遇到</br>
letter-spacing //字母间的间距
text-indent //缩进文本
line-height //设置行高
backgroud-attachment:fixed; //拖动滚动条,图片不滚动
backgroud-attachment:scroll //不锁住图片
table-layout:fixed //锁定表格,不随内容的增加而撑开
border-collapse:collapse; //合并表格边框
border-space:10px 60px //表格间的距离
empty-cells:hidden/show //隐藏空表格,显示空表格
tr:hover{color:red} //移动到表格变颜色
td:hover{color:red}
cursor:move //鼠标的样式
cursor:text //
overflow: //滚动条
overflow-x:scroll //水平滚动条
list-style-position:inside //在文本内
list-style-position:outside //再文本外
list-style-image:url() //设置图片样式 在li标签直接用background-image:url 再用background-position来控制位置
clear //清除浮动
visibility:visible/hidden //显示 隐藏 位置还保留,但是用display空间位置消失
clip:rect(10px 50px 8px 2px) //裁切 必须要有绝对定位
overflow:visible hidden scroll auto //溢出继续增加内容 隐藏 滚动 自动

要讲讲的是clip的属性,用图片描述吧,pic最容易让人明白

DIV CSS布局容易忽略的属性

未完,以后还会补充,总结是我布局时用得很少的属性,但是很有用,

z-index 也很有用,制作许愿墙就是典型的案例

还有定位属性,网站的广告大多都需要定位属性,