一些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  背景裁切的位置