看書《DIV+CSS商業案例與網頁布局開發精講》_CSS語法_隨手筆記

1、CSS 的作用是通過結構語言來實現的，通過結構做橋梁，控制頁面內容的顯示效果（即表現）

2、CSS語法

包括3個方面，即選擇符、屬性、屬性值

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

說明：

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

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

（3）當有讀個屬性時，用“；”進行辨別

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

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

    3、在網頁中使用CSS的3種方法：

（1）元素內部的CSS

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

說明：在元素中直接使用CSS，是通過使用style屬性實現的。其中style屬性定義的CSS樣式的語法結構和獨立樣式表中的完全相同。

補：border邊框是加在圖片外部，即居外

（2）頁面頭部的CSS

      <style>

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

      </style>

說明：

(1) 使用頭部調用CSS時，在頁面中必須有相應的調用代碼.根據調用內容的不同，調用代碼的寫法也有區分，比如：

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

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

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

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

      采取鏈接的情勢調用CSS的兩種寫法：

      (1) 使用link元素調用CSS

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

說明：

rel="stylesheet"  指調用的相干文件的樣式為樣式表文件

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

(2) 使用@import調用CSS

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

說明：

@import 的調用方法也能夠寫在CSS文件中，用來調用其他的CSS。

同時使用link和@import調用樣式的示例以下：

<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;

}

通過使用@import實現了從樣式表中再次調用樣式文件

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈