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

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

CSS基本語法

CSS是Cascading Style Sheet的縮寫， 中文譯作層疊樣式表（簡稱為樣式表），是W3C組織制定的，用于控制網(wǎng)頁樣式的一種標記性語言。
1.使用css可以簡單概括為：
1）選擇符：選擇符表示要定義樣式的對象，可以是元素本身，也可以是一類元素或者制定名稱的元素.
2）選擇屬性：屬性是指定選擇符所具有的屬性，它是css的核心，css2共有150多個屬性。
3）定義屬性值 ：屬性值包括常見的數(shù)值加單位，如25px。
2.每個CSS樣式都必須由兩部分組成：選擇符（Selector）和聲明(Declaration)。
聲明又包括屬性（Properyt）和屬性值（Value）
3.語法：selector{property:value;}
選擇符{屬性：屬性值；}
4.說明：
1、屬性必須要包含在{}號之中；
2、屬性和屬性值之間用“:”分隔；
3、當有多個屬性時，用“；”進行區(qū)分；
4、在書寫屬性時屬性之間使用空格、換行等，并不影響屬性的顯示；
5、如果一個屬性有幾個值，則每個屬性值之間用空格分隔開。
樣式表的定義
1、內(nèi)聯(lián)樣式（嵌入式樣式、行間樣式表）
語法：<標記styl e="屬性：屬性值；屬性：屬性值；"> </標記>
2、內(nèi)部樣式
語法：<style type="text/css">
選擇符{屬性：屬性值；
屬性：屬性值；}
</style>
說明：1、內(nèi)部樣式表必須定義在<head>和</head>之間；說明：
2、 頁面所有樣式都可以寫在<style>和</style>之間。
3、外部樣式
（A）使用link元素
使用link元素調(diào)用CSS的語法如下：
<link rel="stylesheet" href="css文件路徑" type="text/css" />
說明：rel="stylesheet"指這個link和其href之間的關(guān)聯(lián)樣式為樣式表文件。
type= "text/css"指文件類型是樣式表文本。
（B）使用@import
使用@import調(diào)用CSS的語法如下：
<style type="text/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標簽里面十分簡單,只有@import屬性的話,當用戶瀏覽的網(wǎng)速較慢時,他會看到一個沒有風(fēng)格樣式的頁面,然后隨著CSS文件被下載完成才可以看到應(yīng)有的風(fēng)格.要避免這樣的問題,你需要確保head里至少有一個script或是link標簽.
4、@import會使得CSS整體載入時間變長.并且在IE中會導(dǎo)致文件下載次序被更改,例如放置在@import后面的script文件會在CSS之前被下載.

本文標題：css詳解之基本語法和樣式表定義
分享地址：http://www.muchs.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)

成都網(wǎng)頁設(shè)計公司