首頁 > web前端 > 前端問答 > css的樣式規則是什麼樣的

css的樣式規則是什麼樣的

醉折花枝作酒筹
發布: 2023-01-06 11:13:20
原創
9489 人瀏覽過

css的樣式規則是:由選擇器和宣告區塊兩個基本部分組成的。選擇器決定為哪些元素套用樣式;聲明區塊定義對應的樣式,它包含在一對花括號內,有一條或多條聲明組成,而每一則聲明則由一個屬性和一個值組成,中間用冒號隔開。

css的樣式規則是什麼樣的

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

CSS

層疊樣式表簡寫為CSS,是英文Cascading Style Sheets的縮寫。它是W3C定義和維護的標準,一種用來為結構化文件(如HTML文件或XML應用)添加樣式(字體、間距和顏色等)的電腦語言。

概述

一個網頁的讀者和作者都可以使用CSS來決定文件的顏色、字體、排版等顯示特性。 CSS最主要的目的是將文件的結構(用HTML或其它相關的語言寫的)與文件的顯示(CSS)分隔開來。這個分隔有許多好處:

  • 檔案的可讀性被強化

  • 檔案的結構更有彈性

  • #作者和讀者可以自己決定文件的顯示

  • 文件的結構簡化了

CSS也可以使用其它的顯示方式,例如聲音(如果瀏覽器有閱讀功能的話)或給盲人用的感受裝置。此外CSS還可以與XHTML、XML或其它結構檔案一起使用,唯一條件是顯示這種檔案的瀏覽器裝備了接受CSS的功能。

HTML檔案中的每一個class或id都可以有自己的顯示特徵,而且每一個沒有id特性的HTML結構也可以有自己的顯示特徵。這些結構有的是HTML自己需要的,有的是專門為CSS設定的。

使用CSS的優點有:

  • 一個整個網站或其中一部分網頁的顯示資訊被集中在一個地方,要改變它們很方便

  • 不同的讀者可以有不同的樣式,例如有的讀者需要字體比較大

  • HTML檔案本身的範圍變小了,它的結構簡單了,它不需要包含顯示的資訊

樣式規則

CSS的語法很簡單,它使用一組英語詞來表示不同的樣式和特徵。

一個式樣表由一組規則組成。每個規則由一個「選擇器」(selector)和一個定義部分組成。每個定義部分包含一組由半角分號(;)分離的定義。這組定義放在一對大括號({ })之間。每個定義由一個特性,一個半角冒號(:)和一個值組成。

選擇器(Selector)

通常為文件中的元素(element),如html中的,

等標籤,多選擇器可以半角逗號(,)隔開。

屬性(property)

CSS1、CSS2、CSS3規定了許多的屬性,目的在控制選擇器的樣式。

值(value)

指屬性接受的設定值,可由各種關鍵字(keyword)組成,多個關鍵字時大都以空格隔開。

要針對沒有標籤定義範圍進行樣式設定時,可利用

標籤。

關於CSS的樣式規則我們有三個點要注意的有:

就近原則

  • 優先關係,從高到低:行內樣式> 內部樣式> 外部樣式。

繼承原則

  • 繼承中多數邊框類別的屬性不能被繼承,例如padding、margin、背景等都不會被繼承;

  • 表格也不能繼承父類別的樣式。

覆寫原則

  • 由於繼承而發生的樣式衝突,由最近的祖先元素取值;

  • #繼承的樣式和直接指定的樣式發生衝突時,直接指定的樣式取得值;

  • #直接指定的樣式發生衝突時,樣式權重高的元素取得值;樣式權重相同時,後者取得值;

  • ! important 的樣式屬性不能被覆寫。

推薦學習:css影片教學

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

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