溫馨提示×

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

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

CSS樣式使用規(guī)則是什么

發(fā)布時(shí)間:2022-03-08 10:38:45 來源:億速云 閱讀:137 作者:小新 欄目:web開發(fā)

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

一:CSS的描述

1、CSS通常稱為CSS樣式或?qū)盈B樣式表,主要用于設(shè)置HTML頁面中的文本內(nèi)容(字體、大小、 對(duì)其方式等)

2、圖片的外形(高寬、邊框樣式、邊距等)以及版面的布局等外觀顯示樣式

3、CSS可以是HTML頁面更好看,CSS色系的搭配可以讓用戶更舒服

4、CSS+DIV布局更佳靈活,更 容易繪制出用戶需要的結(jié)構(gòu)

二:CSS樣式使用規(guī)則

1、使用HTML時(shí),需要遵從一定的規(guī)范,CSS也是如此有一定規(guī)范

CSS樣式使用規(guī)則是什么

2、語法解釋

"選擇器"用于指定CSS樣式作用的HTML對(duì)象

括號(hào)內(nèi)是對(duì)該對(duì)象設(shè) 置的具體樣式

屬性和屬性值以鍵值對(duì)方式呈現(xiàn),英文冒號(hào)":"分隔

多個(gè)屬性之間使用英文 分號(hào)";"

CSS樣式使用規(guī)則是什么

三:CSS樣式特點(diǎn)

1、"選擇器"嚴(yán)格區(qū)分大小寫

2、"屬性"和"屬性值”不區(qū)分大小寫

3、多個(gè)屬性之間使用英文的分號(hào)隔開,最后一個(gè)屬性的分號(hào)可以省略(建議寫上便于閱讀)

4、為了提高CSS樣式閱讀加上注釋與CSS樣式的縮近排版

CSS樣式使用規(guī)則是什么

四:CSS樣式引入

1、CSS使用非常靈活,可嵌入在HTML中

2、也可是一個(gè)單獨(dú)的文件,如果是單獨(dú)的文件, 必須.css為擴(kuò)展名

五:種常用方式

1、行內(nèi)樣式

1、行內(nèi)樣式,是通過標(biāo)簽的style屬性來設(shè)置元素的樣式

2、行內(nèi)樣式通過標(biāo)簽的屬性來控制樣式,沒有做到結(jié)構(gòu)與表現(xiàn)(HTML結(jié)構(gòu)、CSS顯示 )分離(少使用)

CSS樣式使用規(guī)則是什么

2、內(nèi)部樣式(內(nèi)嵌式)

1、CSS代碼集中卸載HTML文檔的<head>標(biāo)簽體中,并且使用 <style>定義給當(dāng)前html多個(gè)標(biāo)簽設(shè)置樣式

CSS樣式使用規(guī)則是什么

2、內(nèi)嵌式CSS樣式只對(duì)所在的HTML頁面有效,設(shè)計(jì)一個(gè)網(wǎng)頁使用時(shí)不錯(cuò)的選擇,但是設(shè)計(jì)一個(gè)網(wǎng)站就不合適了,因?yàn)椴荒芡瑫r(shí)充分的發(fā)揮CSS代碼的重用型。

3、外部樣式

1、外部樣式又稱為鏈入式

2、將所有的樣式放在一個(gè)或多的外部樣式表文件中

3、通過<link>標(biāo)簽將樣式連接到HTML檔中

CSS樣式使用規(guī)則是什么

4、優(yōu)先級(jí)

1、行內(nèi)樣式>內(nèi)部樣式(內(nèi)嵌式)>外部樣式

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

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

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

css
AI