首頁 > web前端 > css教學 > css樣式屬性是什麼

css樣式屬性是什麼

angryTom
發布: 2019-07-24 13:25:51
原創
5144 人瀏覽過

css樣式屬性是什麼

推薦教學:CSS教學

簡介

  層疊樣式表(英文全名:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的電腦語言。 CSS不僅可以靜態修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。 

  CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支援幾乎所有的字型字號樣式,擁有網頁物件和模型樣式編輯的能力。

語言特點

  CSS為HTML標記語言提供了一個樣式描述,定義了其中元素的顯示方式。 CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。

  整體來說,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根據這個層次結構決定,進而達到級聯效果。

以上是css樣式屬性是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板