溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

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

css樣式表是什么意思

發(fā)布時間:2021-04-06 09:25:49 來源:億速云 閱讀:337 作者:小新 欄目:web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)css樣式表是什么意思,小編覺得挺實(shí)用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

css樣式表指的是層疊樣式表(Cascading Style Sheets),簡稱CSS,是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言,是用來表示html樣式的一種編程語言,是可以做到網(wǎng)頁和內(nèi)容進(jìn)行分離的一種樣式語言。

css樣式表一般指的是CSS(層疊樣式表)。

層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集)等文件樣式的計(jì)算機(jī)語言,是用來表示html樣式的一種編程語言,是可以做到網(wǎng)頁和內(nèi)容進(jìn)行分離的一種樣式語言。

CSS主要用來設(shè)計(jì)網(wǎng)頁的樣式,美化網(wǎng)頁;它不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。

CSS 能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象和模型樣式編輯的能力。

css的組成

css中包括三部分內(nèi)容:選擇符,屬性,屬性值

選擇符{屬性:屬性值;}

1、選擇符:又稱選擇器,所有HTML語言中的標(biāo)記都是通過不同的css選擇器進(jìn)行控制的。

2、屬性:主要包括字體屬性、文本屬性、背景屬性、布局屬性、邊界屬性、列表項(xiàng)目屬性、表格屬性等內(nèi)容。其中一些屬性只有部分瀏覽器支持,因此使css屬性的使用變得更加復(fù)雜

3、屬性值:為某屬性的有效值。屬性與屬性值之間用":"分號隔開。當(dāng)有多個屬性時,使用";"分隔。

舉例:

<style>
h3{
font-family:宋體;
color:red;
}
</style>

(學(xué)習(xí)視頻分享:css視頻教程)

注:h3 為選擇器;font-family 為屬性;“宋體”為屬性值

css選擇器

常用的有標(biāo)記選擇器,類別選擇器,id選擇器等。

1)標(biāo)記選擇器(又叫元素選擇器,類型選擇器)

what:HTML頁面是由很多標(biāo)記組成的,例如圖像標(biāo)記<img>、超鏈接標(biāo)記<a>、表格標(biāo)記<table>等。而css標(biāo)記選擇器就是聲明頁面中哪些標(biāo)記采用css樣式。

舉例:

<style>
a{
font-size:9px;
color:#F93;
}
<style>

2)類別選擇器

格式: 點(diǎn)(.)+類別名稱

使用標(biāo)記選擇器有局限性。如果聲明標(biāo)記選擇器,那么頁面中所有該標(biāo)記內(nèi)容都會發(fā)生變化。假設(shè)頁面中有3個<h3>標(biāo)記,若想每個<h3>的顯示效果都不一樣,則可以使用類別標(biāo)記器。

  • 類別選擇器的HTML標(biāo)記,只需使用class屬性來聲明即可。

  • 在HTML標(biāo)簽中,可以應(yīng)用多種類別選擇器,這樣可以使HTML同時加載多個類別選擇器的樣式。在多種類別選擇器之間用空格進(jìn)行分割,例如:<h3 class="one two">。

3)id選擇器

id選擇器是通過HTML頁面中的id屬性來選擇添加樣式,與類別選擇器基本相同。

格式:"#"+id 屬性值

命名id選擇器要以"#"號開始,后加HTML標(biāo)記中的id屬性值。

關(guān)于“css樣式表是什么意思”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。

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

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

css
AI