隨筆-5 評論-0 文章-0 trackbacks-0

1.font-size: 字體大小
2.color: 顏色
3.font-family: 字體類型
4.font-style: 斜體italic
5.font-weight：字體加粗bold
6.text-transform：大小寫，uppercase大寫或者lowercase小寫
7.text-decoration：裝飾，經(jīng)常給超鏈中的字體使用，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 ：首行縮進(jìn)，一般是2em（騰訊代碼里面寫的2rem不知道什么意思，哪位大哥知道的話請留言。。。謝謝?。?/span>
12.margin：邊距，四個方向，top，right，bottom，left；涉及盒子模型跟padding，border要區(qū)分清楚
13.overflow：超出范圍的內(nèi)容顯示方式，很少使用auto和其它的，一般都是hidden不顯示
14.background-image：背景圖片
background-repeat：重復(fù)方式，no-repeat不重復(fù),repeat-x橫向重復(fù)一行,repeat-y縱向重復(fù)一行，應(yīng)該沒有對角重復(fù)
background-position: 圖片的位置，這個是用非常頻繁，五個值top，right,bottom,left,center以及神奇的具體位置定位，也就是圖片的偏移技術(shù)
15.border-collapse：單像素表格消除重復(fù)邊框，值為collapse
16.border-radius：邊框的圓角程度可以寫四個，上右下左，也可以寫一個代表所有
17.text-shaw,box-shadow: 文字的陰影效果和邊框的陰影效果，變化不大但是效果很好
18. position: 定位，絕對定位absolute，相對定位relative，及固定定位fixed(一些網(wǎng)站的導(dǎo)航條經(jīng)常這么做)，再加上可以使用的顯示層z-index，用處非常大；
19. float：浮動，值有right右浮動，left左浮動，需要注意的是一旦剩余位置大小不夠時這個塊會自動往下一行排
20.display: 展示方式，block塊，inline行，inline-block和none隱藏
需要提的是這個inline-block,一個inline的行級標(biāo)簽如span，它們的高度是無法調(diào)整的，但是使用display:block改為塊級后可以，這樣可能會出現(xiàn)一些不想看到的效果。因此改為display:inline-block后可以調(diào)整高度也沒有塊級的一些效果
雖然使用一些css插件可以做的更多更好，但是我還是覺得css必須精通才可以對自己的作品了如指掌，javaScript也是如此，會使用插件EXTjs、jQuery等等是必須的，但是基礎(chǔ)也同樣重要。歡迎大家留言、指導(dǎo)。小子是新手，錯的地方還希望前輩們多多指點！

posted on 2011-12-12 11:16 人稱小雨閱讀(192) 評論(0) 編輯收藏

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理

<

2011年12月

>

日

一

二

三

四

五

六

27

28

29

30

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6

7

常用鏈接

留言簿

隨筆檔案

搜索

最新評論

閱讀排行榜

評論排行榜