您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關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中的<body>,<p>,<strong>等標簽,多個選擇器可以半角逗號(,)隔開。
屬性(property)
CSS1、CSS2、CSS3規定了許多的屬性,目的在控制選擇器的樣式。
值(value)
指屬性接受的設定值,可由各種關鍵字(keyword)組成,多個關鍵字時大都以空格隔開。
要針對沒有標簽定義范圍進行樣式設定時,可利用<div>與<span>標簽。
關于CSS的樣式規則我們有三個點需要注意的有:
就近原則
優先級關系,從高到低:行內樣式 > 內部樣式 > 外部樣式。
繼承原則
繼承中多數邊框類的屬性不能被繼承,比如padding、margin、背景等都不會被繼承;
表格也不能繼承父類的樣式。
覆蓋原則
由于繼承而發生的樣式沖突,由最近的祖先元素取值;
繼承的樣式和直接指定的樣式發生沖突時,直接指定的樣式獲取值;
直接指定的樣式發生沖突時,樣式權重高的元素獲取值;樣式權重相同時,后者獲取值;
!important 的樣式屬性不能被覆蓋。
css的選擇器可以分為三大類,即id選擇器、class選擇器、標簽選擇器。它們之間可以有多種組合,有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等
感謝各位的閱讀!關于“css中樣式規則是什么”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。