前端開發CSS特色與評價

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不只能夠靜態地修飾網頁，還能夠配合各類腳本語言動態地對網頁各元素進行格式化。

CSS 可以對網頁中元素位置的排版進行像素級精確控制，支持幾乎全部的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。

課程連接：前端開發CSS基礎

特色：

• 豐富的樣式定義

CSS提供了豐富的文檔樣式外觀，以及設置文本和背景屬性的能力；容許爲任何元素建立邊框，以及元素邊框與其餘元素間的距離，以及元素邊框與元素內容間的距離；容許隨意改變文本的大小寫方式、修飾方式以及其餘頁面效果。

• 易於使用和修改

CSS能夠將樣式定義在HTML元素的style屬性中，也能夠將其定義在HTML文檔的header部分，也能夠將樣式聲明在一個專門的CSS文件中，以供HTML頁面引用。總之，CSS樣式表能夠將全部的樣式聲明統一存放，進行統一管理。

另外，能夠將相一樣式的元素進行歸類，使用同一個樣式進行定義，也能夠將某個樣式應用到全部同名的HTML標籤中，也能夠將一個CSS樣式指定到某個頁面元素中。若是要修改樣式，咱們只須要在樣式列表中找到相應的樣式聲明進行修改。

• 多頁面應用

CSS樣式表能夠單獨存放在一個CSS文件中，這樣咱們就能夠在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬於任何頁面文件，在任何頁面文件中均可以將其引用。這樣就能夠實現多個頁面風格的統一。

• 層疊

簡單的說，層疊就是對一個元素屢次設置同一個樣式，這將使用最後一次設置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表，而某些頁面中的某些元素想使用其餘樣式，就能夠針對這些樣式單獨定義一個樣式表應用到頁面中。這些後來定義的樣式將對前面的樣式設置進行重寫，在瀏覽器中看到的將是最後面設置的樣式效果。

• 頁面壓縮

在使用HTML定義頁面效果的網站中，每每須要大量或重複的表格和font元素造成各類規格的文字樣式，這樣作的後果就是會產生大量的HTML標籤，從而使頁面文件的大小增長。而將樣式的聲明單獨放到CSS樣式表中，能夠大大的減少頁面的體積，這樣在加載頁面時使用的時間也會大大的減小。另外，CSS樣式表的複用更大程序的縮減了頁面的體積，減小下載的時間。

工做原理：

CSS是一種定義樣式結構如字體、顏色、位置等的語言，被用於描述網頁上的信息格式化和現實的方式。CSS樣式能夠直接存儲於HTML網頁或者單獨的樣式單文件。不管哪種方式，樣式單包含將樣式應用到指定類型的元素的規則。外部使用時，樣式單規則被放置在一個帶有文件擴展名_css的外部樣式單文檔中。

樣式規則是可應用於網頁中元素，如文本段落或連接的格式化指令。樣式規則由一個或多個樣式屬性及其值組成。內部樣式單直接放在網頁中，外部樣式單保存在獨立的文檔中，網頁經過一個特殊標籤連接外部樣式單。

名稱CSS中的「層疊（cascading）」表示樣式單規則應用於HTML文檔元素的方式。具體地說，CSS樣式單中的樣式造成一個層次結構，更具體的樣式覆蓋通用樣式。樣式規則的優先級由CSS根據這個層次結構決定，從而實現級聯效果。

語言評價：

層疊樣式表（Cascading Style Sheet，CSS）有助於實現負責任的Web設計。CSS對開發者構建Web站點的影響很大，而且這種影響多是無止境的。將網頁的大部分甚至是所有的表示信息從（X）HTML文件中移出，並將它們保留在一個樣式表中有諸多優勢，如下降文件大小、節省網絡帶寬以及易於維護等。此外，站點的表現信息和核心內容相分離，使得站點的設計人員可以在短暫的時間內對整個網站進行各類各樣的修改。
CSS簡化了網頁的格式代碼，外部的樣式表還會被瀏覽器保存在緩存裏，加快了下載顯示的速度，也減小了須要上傳的代碼數量（由於重複設置的格式將被只保存一次）。只要修改保存着網站格式的CSs樣式表文件就町以改變整個站點的風格特點，在修改頁面數量龐大的站點時，顯得格外有用。這就避免了一個個網頁的修改，大大減小了工做量。

更多精品課程：

阿里雲大學官網（阿里雲大學 - 官方網站，雲生態下的創新人才工場）