一些CSS的备忘
text-transform 文本转换 属性值是
none表示没有 不转换 同时也是默认的
capitalize 表示首字母大写
uppercase全部转换为大写
lowercase全部转为小写
text-indent:2em
无论字号多大 首行文本都会缩进两个字符
text-indent:50px 表示缩进50px 与字号没有关系
text-decoration:
none:没有装饰 和正常字体一样
underline:下划线
overline:上划线
line-through :删除线
text-decoration后可以赋多个值,用于对文本添加多种显示效果。如:.four { text-decoration: underline line-through ; }
文本省略号 ........
white-space:nowrap 表示不换行
overflow:hidden; 超出会隐藏
text-overflow:ellipsis; 文本超出会省略
这三个一起用 ,就会出现省略号
box-sizing 有2个属性 一个是content-box ,另外一个是 border-box
content-box表示当div定义宽度和高度的时候,它的参数不包括border 和 padding
border-box 表示当div定义宽度和高度的时候,它的参数包含在width 和 height中
背景设置的显示区域:
background-origin有三个属性 padding-box border-box content-box ,
background-origin表示背景图片的位置
background-clip也有三个属性 padding-box content-box border-box 背景裁切的位置