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

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

CSS基本語法

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

1.使用css可以簡單概括為：

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

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

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

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

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

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

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

4.說明：

1、屬性必須要包含在{}號之中；

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

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

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

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

樣式表的定義

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

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

2、內(nèi)部樣式

語法：<style type="text/css">

選擇符{屬性：屬性值；

屬性：屬性值；}

</style>

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

2、頁面所有樣式都可以寫在<style>和</style>之間。

3、外部樣式

（A）使用link元素

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

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

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

（B）使用@import

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

@import url(css文件路徑)；

</style>

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

區(qū)別：

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

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

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

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

本文標(biāo)題：css詳解之基本語法和樣式表定義
分享地址：http://m.rwnh.cn/news31/258381.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計、網(wǎng)站收錄、微信小程序、域名注冊、網(wǎng)站導(dǎo)航、品牌網(wǎng)站設(shè)計

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

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

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

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