天天看點

CSS權威指南之css聲明,僞類,文本處理--(簡要筆記一)

1.css層疊的含義

 後面的會覆寫前面的樣式

CSS權威指南之css聲明,僞類,文本處理--(簡要筆記一)

2.每個元素生成一個框,也稱盒。

3.替換元素和非替換元素。

img如果不指定src的外部路徑,該元素就沒有意義。他由文檔本身之外的一個圖像檔案來替換。

大多數都是非替換元素。span中的内容由使用者代理。

4.元素間的父子與祖先

如果一個元素在另外一個元素的直接上一層,他們就有父子關系

如果是從一個元素到另外一個元素的路徑要經過兩層或多層,那這個就是祖先與後代的關系

5.animate的動畫疊加解決辦法

使用的時候在animate前面放上stop

6.特殊性,繼承,層疊

7.聲明優先級的内在原因

o,o,o,o中的第一個0就是為内連樣式聲明保留的。内聯樣式優先級最高。當然還有一個是使用:!important,來強制改變優先級。

8.繼承的方向

隻能往下繼承,不能往上繼承。

有一個例外:body元素的背景樣式可以向上到html元素。

9.僞類

    (1)使用僞類的選擇器就是僞類選擇器

    (2)僞元素選擇器:css2.1中定義了4個僞元素

            :first-letter(應用于塊級元素)

            :first-line(應用于塊級元素)

            :before

            :after          

10.border就不能繼承

11.html與xhtml将類選擇器和id選擇器定義為區分大小寫

12.css中導入多個css:使用@important

@important url(styl.css)

13.字型下載下傳問題

css2支援下載下傳樣式,并定義了響應屬性,不過web浏覽器總是拒絕下載下傳字型。

14.字型:font-family:‘x x’,'xx',aa

字型中如果有特殊符号或者有空格,必須要用引号括起來,這是一種推薦做法。

15.文本處理

(1)水準對齊

text-align:應用于塊狀元素

與center不一樣,它會使得元素居中不隻是文本

(2)段落縮進

text-indent:應用于塊狀元素,可以是正值也可以是負值。負值用于懸挂縮進。

如果是行内元素的話,可以使用左内邊距。

(3)垂直對齊 

行高:line-height指的是文本行的基線間的距離。

       一種是顯示的設定每個元素的行高,這種方式不是很實用。

       另外一種是設定一個縮放因子。

        構造文本行:

        文本行中的每個元素都會生成一個内容區,這個由字型的大小确定。    

        這個内容區則會生成一個行内框,如果不存在其他因素,這個行内框完全等于該元素的内容區。

        由line-height産生的行間距就是增加或減少各行内框高度的因素之一。

  

CSS權威指南之css聲明,僞類,文本處理--(簡要筆記一)

vertical-align:作用于行内元素和替換元素 

(4)子間隔和字母間隔

字間隔:word-spacing

            這個長度會增加到字之間的标準間隔。

字母間隔:letter-spacing

這兩者的差別在于:字母間隔修改的是字元或字母之間的間隔。

(5)文本轉換

    text-transform

(6)文本裝飾

    text-decoration

(7)文本陰影

    text-shadow

(8)處理空白符:其實html已經做到了這點,它将任何空白壓縮成單個空白符。

    white-space

轉載:http://www.cnblogs.com/zqzjs/p/5030885.html