下面小編就為大家帶來一篇Html/Css(新手入門第一篇必看攻略)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。

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

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

1、web標準是一系列標準，就是一系列技術標準

在使用時，是組合應用

【1】、結構化內容 xhtml

【2】、表現化內容 css

【3】、行為化內容 JavaScript

2、網頁開發的小工具--火狐瀏覽器中的firebug

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

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

網頁是否有css樣式，測試--在瀏覽器改變文字大小。

3、css定義技巧：

【1】、為了將來的css代碼優化，建議所有的屬性值后面都要帶上“；”

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

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

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

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

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

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

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

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

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

4、css應用給網頁的方式：就相當于給人怎么去穿上衣服。

【1】、行內樣式：應用于一個。

【2】、嵌入樣式：應用于一類標簽。

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

【4】、導入式樣式：也是將樣式寫到一個文件中，再倒入到網頁中。

*****說明，導入式，其實與內嵌式是相類似的，都是將樣式加入到網頁里。

1、導入式會占用html文件空間

2、有些瀏覽器解析會有問題。瀏覽器會最后讀取@import中的內容

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

二、css的特性

css叫層疊樣式表。

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

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

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

*****后面的樣式會覆蓋前面的樣式

三、css樣式的優先權：當樣式有沖突時，聽誰？

css優先權：就近原則

作用范圍越小，優先權越高。

離要修飾目標越近的樣式優先權越高。

爺爺--紅

爸爸--綠

孩子--藍

選擇優先權

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

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

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

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

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

器支持是不一樣的，我們還要保證我們網頁的兼容性，盡量使用通過的屬性，不用存在兼容性差別的屬性。）

五、css控制元素的某種狀態--偽類

偽類語法：

元素名稱：偽類名稱{屬性：值}

例如：超鏈接的鼠標經過狀態

a：hover{text-decoration：underline；}

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

以上這篇Html/Css(新手入門第一篇必看攻略)就是小編分享給大家的全部內容了，希望能給大家一個參考