Html/Css新手入門(mén)攻略

　　一、理解web標準含義--為什么采用web標準

　　*****將內容與樣式分離

　　1、web標準是一系列標準，就是一系列技術(shù)標準

　　在使用時(shí)，是組合應用

　　【1】、結構化內容 xhtml

　　【2】、表現化內容 css

　　【3】、行為化內容 JavaScript

　　2、網(wǎng)頁(yè)開(kāi)發(fā)的小工具--火狐瀏覽器中的firebug

　　工具--附加組件--搜索firebug

　　作為web前端工作，要兼容的瀏覽器ie，火狐瀏覽器，谷歌劉瀏覽器，蘋(píng)果瀏覽器等。

　　網(wǎng)頁(yè)是否有css樣式，測試--在瀏覽器改變文字大小。

　　3、css定義技巧：

　　【1】、為了將來(lái)的css代碼優(yōu)化，建議所有的屬性值后面都要帶上“；”

　　【2】、某些xhtml標簽有自己默認的css屬性值，

　　例如h1標簽就有自己的屬性值，自動(dòng)就是加粗顯示，字號比較大。

　　【3】、為了兼容主流瀏覽器，為統一，建議我們在設置時(shí)，將所有元素的css屬性重置為標準的。

　　【4】、不同的瀏覽器，有各自不容的css屬性值--要命的就是瀏覽器的兼容。

　　【5】、就一個(gè)比較特殊的字體想用怎么辦？--將其轉化為圖片。

　　分中英文字體。設置字體的順序，將英文字體設置在前，中文在后。

　　【6】、css編輯工具--用什么都行，高手，用樹(shù)葉殺人

　　【7】、想讓文字在垂直方向上居中，將行高設置為元素的高度，行高=元素高度

　　【8】、css可以重新設置，xhtml標簽的默認樣式。

　　4、css應用給網(wǎng)頁(yè)的方式：就相當于給人怎么去穿上衣服。

　　【1】、行內樣式：應用于一個(gè)。

　　【2】、嵌入樣式：應用于一類(lèi)標簽。

　　【3】、如果我們有很多的網(wǎng)頁(yè)，都要用css，將這些css寫(xiě)到一個(gè)獨立文件中，這個(gè)就是外鏈式，推薦使用。

　　【4】、導入式樣式：也是將樣式寫(xiě)到一個(gè)文件中，再倒入到網(wǎng)頁(yè)中。

　　*****說(shuō)明，導入式，其實(shí)與內嵌式是相類(lèi)似的，都是將樣式加入到網(wǎng)頁(yè)里。

　　1、導入式會(huì )占用html文件空間

　　2、有些瀏覽器解析會(huì )有問(wèn)題。瀏覽器會(huì )最后讀取@import中的內容

　　3、將多個(gè)樣式文件，導入到一個(gè)樣式文件中。

　　二、css的特性

　　css叫層疊樣式表。

　　1、繼承：子元素會(huì )繼承父元素的某些樣式。

　　【因為有些子元素本身就有默認值，所以他就不用父元素】

　　2、疊層：子元素如果定義了與父元素相同的樣式，會(huì )覆蓋掉父元素的樣式。

　　*****后面的樣式會(huì )覆蓋前面的樣式

　　三、css樣式的優(yōu)先權：當樣式有沖突時(shí)，聽(tīng)誰(shuí)？

　　css優(yōu)先權：就近原則

　　作用范圍越小，優(yōu)先權越高。

　　離要修飾目標越近的樣式優(yōu)先權越高。

　　爺爺--紅

　　爸爸--綠

　　孩子--藍

　　選擇優(yōu)先權

　　行內>id>class>標簽選擇符

　　特殊情況，我們可以提升某個(gè)屬性的權限

　　*****IEtest工具，也有一個(gè)兼容性問(wèn)題，在win7下打不開(kāi)ie6.--下載綠色版ie6。不用安裝直接用哪種版本。

　　四、常用的一些文字，文本控制的css樣式

　　*****我們在應用css樣式時(shí)，一定要注意它的默認值。因為不同的瀏覽器它的css默認值是不同的（不同的屬性瀏覽

　　器支持是不一樣的，我們還要保證我們網(wǎng)頁(yè)的兼容性，盡量使用通過(guò)的屬性，不用存在兼容性差別的屬性。）

　　五、css控制元素的某種狀態(tài)--偽類(lèi)

　　偽類(lèi)語(yǔ)法：

　　元素名稱(chēng)：偽類(lèi)名稱(chēng){屬性：值}

　　例如：超鏈接的鼠標經(jīng)過(guò)狀態(tài)

　　a：hover{text-decoration：underline；}

　　*****如果，鼠標放上效果不起作用，請修改連接狀態(tài)的順序 L-V-H-A

【Html/Css新手入門(mén)攻略】相關(guān)文章：

網(wǎng)頁(yè)中HTML5與CSS3的應用07-21

Photoshop新手入門(mén)01-12

CSS最核心的概念03-10

css屬性定位教程07-23

CSS入門(mén)教程01-25

象棋新手入門(mén)指南08-31

攀巖新手入門(mén)知識08-16

足球新手入門(mén)技巧01-11

HTML的語(yǔ)言剖析10-13