css詳解之基本語法和樣式表定義

2023-05-07 分類：網(wǎng)站建設(shè)

CSS基本語法

CSS是Cascading Style Sheet的縮寫，中文譯作層疊樣式表（簡(jiǎn)稱為樣式表），是W3C組織制定的，用于控制網(wǎng)頁樣式的一種標(biāo)記性語言。

1.使用css可以簡(jiǎn)單概括為：

1）選擇符：選擇符表示要定義樣式的對(duì)象，可以是元素本身，也可以是一類元素或者制定名稱的元素.

2）選擇屬性：屬性是指定選擇符所具有的屬性，它是css的核心，css2共有150多個(gè)屬性。

3）定義屬性值：屬性值包括常見的數(shù)值加單位，如25px。

2.每個(gè)CSS樣式都必須由兩部分組成：選擇符（Selector）和聲明(Declaration)。

聲明又包括屬性（Properyt）和屬性值（Value）

3.語法：selector{property:value;}

選擇符{屬性：屬性值；}

4.說明：

1、屬性必須要包含在{}號(hào)之中；

2、屬性和屬性值之間用“:”分隔；

3、當(dāng)有多個(gè)屬性時(shí)，用“；”進(jìn)行區(qū)分；

4、在書寫屬性時(shí)屬性之間使用空格、換行等，并不影響屬性的顯示；

5、如果一個(gè)屬性有幾個(gè)值，則每個(gè)屬性值之間用空格分隔開。

樣式表的定義

1、內(nèi)聯(lián)樣式（嵌入式樣式、行間樣式表）

語法：<標(biāo)記styl e="屬性：屬性值；屬性：屬性值；">

2、內(nèi)部樣式

語法：

說明：1、內(nèi)部樣式表必須定義在和之間；說明：

2、頁面所有樣式都可以寫在之間。

3、外部樣式

（A）使用link元素

使用link元素調(diào)用CSS的語法如下：

說明：rel="stylesheet"指這個(gè)link和其href之間的關(guān)聯(lián)樣式為樣式表文件。

type= "text/css"指文件類型是樣式表文本。

（B）使用@import

使用@import調(diào)用CSS的語法如下：

說明：@import的調(diào)用方法也可以寫在CSS文件中，用來調(diào)用其他的CSS。

區(qū)別：

1、import文字上與link的區(qū)別就是它可以把在一個(gè)CSS文件中引入其它幾個(gè)CSS文件；

2、IE6.0以下的版本：舊的瀏覽器是不支持@import方式的

3、如果你網(wǎng)頁head標(biāo)簽里面十分簡(jiǎn)單,只有@import屬性的話,當(dāng)用戶瀏覽的網(wǎng)速較慢時(shí),他會(huì)看到一個(gè)沒有風(fēng)格樣式的頁面,然后隨著CSS文件被下載完成才可以看到應(yīng)有的風(fēng)格.要避免這樣的問題,你需要確保head里至少有一個(gè)script或是link標(biāo)簽.

4、@import會(huì)使得CSS整體載入時(shí)間變長(zhǎng).并且在IE中會(huì)導(dǎo)致文件下載次序被更改,例如放置在@import后面的script文件會(huì)在CSS之前被下載.

新聞名稱：css詳解之基本語法和樣式表定義
新聞來源：http://www.muchs.cn/news/258381.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、品牌網(wǎng)站制作、ChatGPT、微信小程序、做網(wǎng)站、網(wǎng)站導(dǎo)航

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容