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

1.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產生的行間距就是增長或減小各行內框高度的因素之一。

　　

 

vertical-align:做用於行內元素和替換元素 

 

(4)子間隔和字母間隔

字間隔:word-spacing

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

字母間隔:letter-spacing

這二者的區別在於：字母間隔修改的是字符或字母之間的間隔。

 

(5)文本轉換

    text-transform

 

(6)文本裝飾

    text-decoration

 

(7)文本陰影

    text-shadow

 

(8)處理空白符：其實HTML已經作到了這點，它將任何空白壓縮成單個空白符。

    white-space