看書(shū)《DIV+CSS商業(yè)案例與網(wǎng)頁(yè)布局開(kāi)發(fā)精講》_CSS語(yǔ)法_隨手筆記

1、CSS 的作用是通過(guò)結(jié)構(gòu)語(yǔ)言來(lái)實(shí)現(xiàn)的，通過(guò)結(jié)構(gòu)做橋梁，控制頁(yè)面內(nèi)容的顯示效果（即表現(xiàn)）

2、CSS語(yǔ)法

包括3個(gè)方面，即選擇符、屬性、屬性值

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

說(shuō)明：

（1）屬性必須包括在{ }中

（2）屬性和屬性值之間用“：”分隔

（3）當(dāng)有讀個(gè)屬性時(shí)，用“；”進(jìn)行辨別

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

（5）如果1個(gè)屬性有幾個(gè)值，則每一個(gè)屬性值之間用空格分隔開(kāi)

    3、在網(wǎng)頁(yè)中使用CSS的3種方法：

（1）元素內(nèi)部的CSS

     <元素名稱 style="屬性：屬性值"></元素名稱>

說(shuō)明：在元素中直接使用CSS，是通過(guò)使用style屬性實(shí)現(xiàn)的。其中style屬性定義的CSS樣式的語(yǔ)法結(jié)構(gòu)和獨(dú)立樣式表中的完全相同。

補(bǔ)：border邊框是加在圖片外部，即居外

（2）頁(yè)面頭部的CSS

      <style>

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

      </style>

說(shuō)明：

(1) 使用頭部調(diào)用CSS時(shí)，在頁(yè)面中必須有相應(yīng)的調(diào)用代碼.根據(jù)調(diào)用內(nèi)容的不同，調(diào)用代碼的寫(xiě)法也有區(qū)分，比如：

類選擇符的調(diào)用代碼： <元素名稱 class="類選擇符名稱"></元素名稱> 

ID選擇符的調(diào)用代碼： <元素名稱 id="id選擇符名稱"></元素名稱> 

(2) 頁(yè)面所有樣式都可以寫(xiě)在 <style>和</style> 之間

   （3）外部的CSS（推薦使用）

      采取鏈接的情勢(shì)調(diào)用CSS的兩種寫(xiě)法：

      (1) 使用link元素調(diào)用CSS

<link  rel="stylesheet"  href="css文件路徑"  type="text/css">

說(shuō)明：

rel="stylesheet"  指調(diào)用的相干文件的樣式為樣式表文件

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

(2) 使用@import調(diào)用CSS

<style  type="text/css"> @import  url(css文件路徑)； </style>

說(shuō)明：

@import 的調(diào)用方法也能夠?qū)懺贑SS文件中，用來(lái)調(diào)用其他的CSS。

同時(shí)使用link和@import調(diào)用樣式的示例以下：

<link href="style/main.css" rel="stylesheet" type="text/css" />

mian.css中的代碼：

.@import url(css1.css);

.main {

border:1px solid #666666;

margin:100px auto;

font-size:200px;

}

通過(guò)使用@import實(shí)現(xiàn)了從樣式表中再次調(diào)用樣式文件

生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)