CSS常用的几种属性

CSS常用的几种属性

1.font-size:     字体大小
2.color:           颜色
3.font-family:   字体类型
4.font-style:     斜体italic
5.font-weight： 字体加粗bold
6.text-transform： 大小写，uppercase大写或者lowercase小写
7.text-decoration： 装饰，经常给超链中的字体使用，underline下划线，overline上划线，linethrough中间删除线
8.letter-spacing,word-spacing： 字母间距和单词（字）间距，汉字没有字母间距
9.line-height：     行间距，算法很奇怪，从行的底部到上面行的底部这个和div或span的height相等的话 字体会自动居中
10.text-align：     对齐方式，左left中center右right  图片后面加的文字说明则是上top中center下bottom
11.text-indent ： 首行缩进，一般是2em（腾讯代码里面写的2rem不知道什么意思，哪位大哥知道的话请留言。。。谢谢！）
12.margin：         边距，四个方向，top，right，bottom，left；涉及盒子模型跟padding，border要区分清楚
13.overflow：       超出范围的内容显示方式，很少使用auto和其它的，一般都是hidden不显示
14.background-image：   背景图片
     background-repeat：  重复方式，no-repeat不重复,repeat-x横向重复一行,repeat-y纵向重复一行，应该没有对角重复
     background-position:  图片的位置，这个是用非常频繁，五个值top，right,bottom,left,center以及神奇的具体位置定位，也就是图片的偏移技术
15.border-collapse： 单像素表格消除重复边框，值为collapse
16.border-radius：    边框的圆角程度可以写四个，上右下左，也可以写一个代表所有
17.text-shaw,box-shadow:   文字的阴影效果和边框的阴影效果，变化不大但是效果很好
18. position:    定位，绝对定位absolute，相对定位relative，及固定定位fixed(一些网站的导航条经常这么做)，再加上可以使用的显示层z-index，用处非常大；
19. float：     浮动，值有right右浮动，left左浮动，需要注意的是一旦剩余位置大小不够时这个块会自动往下一行排
20.display:    展示方式，block块，inline行，inline-block和none隐藏
                    需要提的是这个inline-block,一个inline的行级标签如span，它们的高度是无法调整的，但是使用display:block改为块级后可以，这样可能会出现一些不想看到的效果。因此                       改为display:inline-block后可以调整高度也没有块级的一些效果
      虽然使用一些css插件可以做的更多更好，但是我还是觉得css必须精通才可以对自己的作品了如指掌，javaScript也是如此，会使用插件EXTjs、jQuery等等是必须的，但是基础也同样重要。欢迎大家留言、指导。小子是新手，错的地方还希望前辈们多多指点！