什麼是CSS？ 有什麼特點和好處嗎？

CSS是乙個級聯樣式表，主要用於定義網頁的字型、邊框、顏色等。 有很多優點，主要是促進網頁的美觀。 例如，如果您知道此頁面，請檢查 IE 的"檢視原始碼**"其中。

它只是對 CSS 檔案的呼叫。

它應該是 Web 文字的樣式表。

答]：優點：最大的優點是簡潔，對於大型網站來說，可以節省大量的頻寬，而且眾所周知，搜尋引擎喜歡清理（真正的含義是增加了有效關鍵詞在網頁總數中的佔比），所以使用CSS div的web標準來製作**有一定的搜尋引擎友好性優勢。

對CSS的高度依賴使網頁設計更加複雜。 相對於**布局（表），雖然CSS+div不是高不可攀，但至少比**固定飢餓位置要複雜得多，即使對於**設計大師來說也很容易出現問題，更不用說初學者了，這在一定程度上影響了XHTML設計語言的普及和應用。 檔案異常會影響整個**的正常瀏覽。

CSS的設計元素通常放在幾個外部檔案中，而這個或幾個檔案可能相當複雜，甚至比較大，如果CSS檔案呼叫異常，那麼整個**就會變得慘不忍睹。 3。對於 CSS** 設計，相容性問題更為突出。

基於網頁設計的網頁設計，在後續版本中幾乎沒有瀏覽器相容性問題，但是在Internet Explorer中通常顯示的**頁面摺疊褲在Firefox中可能無法識別（這也是為什麼建議線上營銷人員使用Firefox的原因）。 CSS+div 需要得到各種瀏覽器廠商的進一步支援。 SEO的決定是基於網頁設計的專業性，而不是CSS+div本身。

CSS+div網頁設計並不能保證網頁對搜尋引擎的優化，甚至不能保證它必須有比HTML更簡潔的設計，更何況搜尋引擎對網頁的收錄和排序，顯然不是以是否採用**和CSS定位來衡量的， 這就是為什麼許多傳統的**排版製作**在搜尋結果中排名靠前，而許多使用CSS和Web標準製作的網頁仍然排名靠後。因為對於搜尋引擎來說，結構、內容、相關鏈結等因素始終是優化的最重要指標。

CSS 是乙個級聯樣式表。

級聯樣式表是一種計算機語言，用於表示檔案樣式，例如 HTML（標準標記語言的應用程式）或 XML（標準標記語言的子集）。 CSS不僅可以靜態地裝飾網頁，還可以用各種指令碼語言動態格式化網頁元素。

CSS 提供對網頁中元素位置的畫素精確控制，支援幾乎所有字型大小樣式，並能夠設定網頁物件和模型的樣式。 CSS 為 HTML 標記語言提供了樣式描述，用於定義元素在其中的顯示方式。 CSS是網頁設計領域的乙個突破。

它可用於修改小樣式並更新與之關聯的所有頁面元素。

CSS 的工作原理

CSS 是一種定義字型、顏色、位置等樣式結構的語言，用於描述資訊在 Internet 其餘頁面上的格式化和顯示方式。 CSS 樣式可以直接儲存在 HTML 網頁上，也可以儲存在單獨的樣式表中。 無論採用哪種方式，樣式表都包含用於將樣式應用於指定型別的元素的規則。

在外部使用時，樣式表規則放置在檔案擴充套件名為 css 的外部樣式表文件中。

樣式規則是可應用於網頁中的元素（如文字段落或鏈結）的格式設定說明。 樣式規則由乙個或多個樣式屬性及其值組成。 內部樣式表直接放置在網頁中，外部樣式表儲存在單獨的文件中，網頁通過特殊標籤鏈結到外部樣式表。

CSS 中的名稱“Cascading”表示樣式列表通知規則如何應用於 HTML 文件元素。 具體而言，CSS 樣式表中的樣式形成層次結構，更具體的樣式將覆蓋通用樣式。 樣式規則的優先順序由 CSS 根據此層次結構確定，從而產生級聯效應。

以上內容參考百良天民co-css

div+css 的優點如下：

1.可以使**精簡，使用div+css布局使**非常精簡，並且可以在**的任何頁面上呼叫css檔案，避免使用表格**用圓圈修改頁面的一部分。

2、網頁訪問速度提公升，DIV+CSS布局較傳統表格布局減少不少，瀏覽和訪問速度自然提公升，從而提公升使用者體驗。

3、有利於優化。 div-css布局的使用對搜尋引擎非常友好，簡潔有條理**更有利於突出重點，適合搜尋引擎抓取。

4.瀏覽器相容性。 div+css 更有可能出現多個瀏覽器與之前的磨練不相容的問題，主要是因為不同的瀏覽器對 Web 標準的預設設定不同。

5. 需要注意的是，網頁不喜歡CSS太多的頁面**，否則也會影響蜘蛛的抓取和搜尋引擎的收錄，所以通過外部呼叫CSS是乙個非常好的方式。

6.如果不必太花哨，也可以使用CSS布局來達到預期的效果。 如導航、CSS下拉選單中的文字顏色變化等。

div+css的優點：

1.更好地控制網頁布局：div+css可以更好地控制網頁布局，使網頁布局更靈活，更易於維護，更容易實現複雜的布局效果。

3.更好的可維護性：div+css可以更好的實現網頁的可維護性，使網頁更易於維護，更容易實現複雜的布局效果，更容易實現複雜的功能。

4.更好的瀏覽器相容性：DIV+CSS可以更好的實現網頁的瀏覽器相容性，使網頁更容易在多個瀏覽器上正常顯示，更容易實現複雜的布局效果。

5.更好的效能：DIV+CSS可以更好的實現力神網頁的效能，使網頁更容易被搜尋引擎抓取，更容易訪問，更容易實現複雜的版面效果。

級聯、繼承和優先順序是學習 CSS 必須掌握的三個功能。

1. CSS級聯。

指多個CSS樣式的疊加，是瀏覽器處理衝突的一種能力，如果乙個屬性被兩個相同的選擇器設定為同乙個元素，那麼乙個屬性將級聯另乙個屬性。

例如，如果先用紅色先用藍色指定標籤，然後為同一樣式指定具有不同值的標籤，則這是樣式衝突。

一般來說，如果存在風格衝突，將遵循 CSS 編寫順序，以最後一種風格為準。

1.風格衝突，遵循接近原則。 這種風格接近結構，並且這種風格被執行。

2.樣式不會發生衝突，也不會級聯。

執行的最後口頭禪：長江的後浪推動前浪，前浪死在沙灘上。

2. CSS繼承。

繼承是指在編寫CSS樣式表時，子標籤會繼承父標籤的某些樣式，例如文字顏色和字型大小。 若要設定可繼承屬性，只需將其應用于父元素即可。

簡單的理解是：兒子繼承父親的生意。

CSS最後的執行咒語：龍生龍，鳳凰生鳳凰，老鼠生的孩子會打洞。

注意：正確使用繼承可以簡化和降低 CSS 樣式的複雜性。 子元素可以繼承父元素的樣式（text-、font-、line - 所有這些都以這些元素開頭，以及 color 屬性）。

3. CSS優先事項。

在定義 CSS 樣式時，通常會將兩個或多個規則應用於同一元素，這時就出現了優先順序問題。 在考慮權重時，初學者還需要注意一些特殊情況，具體如下：

1.繼承樣式的權重為 0。 也就是說，在巢狀結構中，無論父元素的樣式權重有多大，當它被子元素繼承時，其權重為 0，這意味著子元素定義的樣式將覆蓋繼承的樣式。

2.內聯樣式優先。 對於應用 style 屬性的元素來說，內聯樣式的權重非常高，可以理解為遠大於 100。 簡而言之，他比上面提出的任何選擇者都具有更高的優先順序。

3.當權重相同時，CSS 遵循鄰近原則。 這意味著靠近元素的樣式具有最高優先順序，或者排在最後的樣式具有最高優先順序。

定義乙個！ 重要命令，該命令具有最高優先順序。 也就是說，無論樣式位置的重量和距離如何，！重要提示，所有優先順序都最高。

1.大大減少頁面**，提高頁面瀏覽速度，降低頻寬成本;

3.縮短修改時間。 乙個有成百上千個頁面的網站，只需修改幾下CSS就可以重新設計。

4.強大的字型控制和排版功能。 CSS 比糟糕的字型標籤要好得多，有了 CSS，我們不再需要使用字型標籤或透明的 1 px gif 來控制標題、更改字型顏色、字型樣式等。

非常容易寫。 您可以像編寫 HTML 一樣輕鬆地編寫 CSS。

6.提高易用性。 HTML 可以使用 CSS 構建。

7.一次設計，隨處發布。

8.更好地控制頁面布局。

CSS繼承意味著子元素繼承了父元素的某些樣式屬性，例如，如果父元素定義了字型顏色（color屬性），則子元素將繼承父元素的字型顏色。 但是，我們需要注意的是，並不是所有的元素都是繼承的，比如填充、邊距、邊框等，都不是繼承的，只有那些能讓我們容易寫的屬性才能被繼承。

1.節省空間和頻寬，例如，乙個網頁上有 10 個具有相同效果的地方，具有長度、寬度、顏色、字型大小等屬性。 如果不使用 CSS，可能會重複設定這 10 個位置的屬性，但使用 CSS，只需要在樣式中設定一次，就可以呼叫這 10 個位置的 CSS，大大減少了頻寬和空間。

2.移植和程式設計方面。 乙個div就像乙個盒子，當你熟練了，你會發現使用div+css製作網頁就像積木一樣方便。

這是乙個房子，CSS是裝飾，把裝飾風格放在一起，修改起來就容易多了，不需要改html**; 最重要的是，您可以擁有 n 種裝飾樣式 （CSS），您可以隨意更改這些樣式而不會破壞房屋 （HTML）。

2.CSS 還可以做一些 HTML 做不到的事情。

簡單來說就說吧：CSS**更優化，消除了臃腫**，更好的網頁布局，HTML充滿了各種屬性的標籤來定義要顯示的效果，**會很多，而且後期維護很麻煩。