溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

css中樣式規(guī)則是什么

發(fā)布時(shí)間：2021-05-17 10:15:36 來源：億速云 閱讀：201 作者：小新 欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)css中樣式規(guī)則是什么的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

css的樣式規(guī)則是：由選擇器和聲明塊兩個(gè)基本部分組成的。選擇器決定為哪些元素應(yīng)用樣式；聲明塊定義相應(yīng)的樣式，它包含在一對花括號內(nèi)，有一條或多條聲明組成，而每一條聲明則由一個(gè)屬性和一個(gè)值組成，中間用冒號隔開。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

CSS

層疊樣式表簡寫為CSS，是英語Cascading Style Sheets的縮寫。它是W3C定義和維護(hù)的標(biāo)準(zhǔn)，一種用來為結(jié)構(gòu)化文檔（如HTML文檔或XML應(yīng)用）添加樣式（字體、間距和顏色等）的計(jì)算機(jī)語言。

概述

一個(gè)網(wǎng)頁的讀者和作者都可以使用CSS來決定文件的顏色、字體、排版等顯示特性。CSS最主要的目的是將文件的結(jié)構(gòu)（用HTML或其它相關(guān)的語言寫的）與文件的顯示（CSS）分隔開來。這個(gè)分隔有許多好處：

  • 文件的可讀性被加強(qiáng)

  • 文件的結(jié)構(gòu)更加靈活

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

  • 文件的結(jié)構(gòu)簡化了

CSS還可以使用其它的顯示方式，比如聲音（假如瀏覽器有閱讀功能的話）或給盲人用的感受裝置。此外CSS還可以與XHTML、XML或其它結(jié)構(gòu)文件一起使用，唯一條件是顯示這種文件的瀏覽器裝備了接受CSS的功能。

HTML文件中的每一個(gè)class或id都可以有自己的顯示特征，而且每一個(gè)沒有id特性的HTML結(jié)構(gòu)也可以有自己的顯示特征。這些結(jié)構(gòu)有的是HTML自己需要的，有的是專門為CSS設(shè)置的。

使用CSS的優(yōu)點(diǎn)有：

  • 一個(gè)整個(gè)網(wǎng)站或其中一部分網(wǎng)頁的顯示信息被集中在一個(gè)地方，要改變它們很方便

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

  • HTML文件本身的范圍變小了，它的結(jié)構(gòu)簡單了，它不需要包含顯示的信息

樣式規(guī)則

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

一個(gè)式樣表由一組規(guī)則組成。每個(gè)規(guī)則由一個(gè)“選擇器”（selector）和一個(gè)定義部分組成。每個(gè)定義部分包含一組由半角分號（;）分離的定義。這組定義放在一對大括號（{ }）之間。每個(gè)定義由一個(gè)特性，一個(gè)半角冒號（:）和一個(gè)值組成。

選擇器（Selector）

通常為文件中的元素（element），如html中的<body>，<p>，<strong>等標(biāo)簽，多個(gè)選擇器可以半角逗號（,）隔開。

屬性（property）

CSS1、CSS2、CSS3規(guī)定了許多的屬性，目的在控制選擇器的樣式。

值（value）

指屬性接受的設(shè)定值，可由各種關(guān)鍵字（keyword）組成，多個(gè)關(guān)鍵字時(shí)大都以空格隔開。

要針對沒有標(biāo)簽定義范圍進(jìn)行樣式設(shè)定時(shí)，可利用<div>與<span>標(biāo)簽。

關(guān)于CSS的樣式規(guī)則我們有三個(gè)點(diǎn)需要注意的有：

就近原則

  • 優(yōu)先級關(guān)系，從高到低：行內(nèi)樣式 > 內(nèi)部樣式 > 外部樣式。

繼承原則

  • 繼承中多數(shù)邊框類的屬性不能被繼承，比如padding、margin、背景等都不會(huì)被繼承；

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

覆蓋原則

  • 由于繼承而發(fā)生的樣式?jīng)_突，由最近的祖先元素取值；

  • 繼承的樣式和直接指定的樣式發(fā)生沖突時(shí)，直接指定的樣式獲取值；

  • 直接指定的樣式發(fā)生沖突時(shí)，樣式權(quán)重高的元素獲取值；樣式權(quán)重相同時(shí)，后者獲取值；

  • ！important 的樣式屬性不能被覆蓋。

css的選擇器有哪些

css的選擇器可以分為三大類，即id選擇器、class選擇器、標(biāo)簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等

感謝各位的閱讀！關(guān)于“css中樣式規(guī)則是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手