第3講 CSS

何為CSS

CSS的幾種設(shè)置方式

樣式規(guī)則選擇器

樣式規(guī)則的注釋與有效范圍

樣式屬性詳解

什么是CSS和CSS的設(shè)置方式

作者:Loncer 更多學習資源盡在:wwww.loncer.cn

什么是CSS

CSS即:Cascading Style Sheets這幾個英文單詞的縮寫,中文為:層疊樣式表.它除了可以輕松設(shè)置網(wǎng)頁元素的顯示位置和格式外,還能產(chǎn)生濾鏡,圖像淡化,網(wǎng)頁淡入淡出的漸變效果.簡而言之.CSS就是要對網(wǎng)頁的顯示效果實現(xiàn)與Word一樣的排版控制.
例如下的代碼:

即設(shè)置了一個CSS樣式.

由上可知:一個HTML元素的style屬性可以指定多種樣式風格,每種樣式 風格的名稱和它的設(shè)置值之間用冒號來分開,每種樣式風格之間用分號來分開.各種"樣式風格名稱"被稱之為"CSS屬性",樣式風格的"設(shè)置值"被稱為"CSS屬性值".這種設(shè)置網(wǎng)頁元素的顯示效果的方式就是CSS.

CSS的設(shè)置方式

內(nèi)聯(lián)樣式表(inline style sheets)

直接設(shè)置HTML正方標簽的style屬性的方法稱為內(nèi)聯(lián)樣式表。
例如：
在使用內(nèi)聯(lián)樣式表時HTML4.01標準建議用戶在網(wǎng)頁的標簽之間增加一個標簽,
如下:
使用這種方法有兩點不足:
1、如果要將同樣的樣式風格設(shè)置到所有的段落上，則要對每一個

標簽進行重復的設(shè)置。
2、一個網(wǎng)頁可以在多種介質(zhì)或媒體上輸出，使用內(nèi)聯(lián)樣式表設(shè)置的樣式會在所有的媒體上輸出時都會起作用，而沒法為不同的媒體指定不同的樣式表。

嵌入樣式表(Embedded style sheets)

media說明這個樣式在什么介質(zhì)上顯示
是為了那些不支持CSS的瀏覽器而寫的

---

在之間的樣式規(guī)則定義語句放在一個單獨的外部文件中，這個外部文件就是外部樣式表文件，其擴展名這.css。一個外部樣式表文件可以通過HTTP的標簽連接到HTML文檔中。
例：

先建一個test.css文件，代碼如下： P{ "FONT-SIZE:20px;COLOR:bule;FONT-FAMILY:宋體;BACKGROUND-COLOR:gray;TEXT-DECORATION:underline" }

再寫一個要使用該樣式表的文件，設(shè)他倆在同一文件夾下： type和media是可選的,rel和href是必須的

使用外部樣式表，網(wǎng)頁制作者可以通過改變一個文件就可以改變整個網(wǎng)絡(luò)的外觀。大多數(shù)瀏覽器會將外部樣式表文件保存在緩沖區(qū)中，從而加快了網(wǎng)站的瀏覽速度。

輸入樣式表(imported sytle sheets)

可以使用CSS的@import將一個CSS文件輸入到另外一個CSS文件中,被輸入的CSS樣式規(guī)則定義語句就成了輸入的CSS樣式規(guī)則定義語句的一部分。也可以用@inport將一個CSS文件輸入到標簽對中。被輸入的CSS樣式規(guī)則定義語句就成了標簽對中的定義語句。
例：

<style type="text/css" media="screen"><br> @import url(http://………………);<br> @import url(/XXXX……………);<br> p{background:yellow;color:black}<br> --><br> </style><br> 注：所有的@import部分要放在前面

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com