1.font-size: 字体大小2.color: 颜色3.font-family: 字体类型4.font-style: 斜体italic5.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等等是必须的，但是基础也同样重要。欢迎大家留言、指导。小子是新手，错的地方还希望前辈们多多指点！
posted on 2011-12-12 11:16
人称小雨 阅读(184)
评论(0) 编辑 收藏