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
人稱小雨 閱讀(191)
評論(0) 編輯 收藏