css用于控制html的樣式和布局。
站在用戶的角度思考問題，與客戶深入溝通，找到湟源網(wǎng)站設(shè)計(jì)與湟源網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名申請(qǐng)、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋湟源地區(qū)。
主要分內(nèi)聯(lián)樣式，內(nèi)部樣式，外部樣式。
內(nèi)聯(lián)樣式就是在html的元素里直接使用css，比如：
p style="background-color:green;"這是一個(gè)段落。/p
這就是直接在元素中用css設(shè)置背景顏色。適用于單元素，不會(huì)影響其他元素。
內(nèi)部樣式則是把css放在head部分用 style標(biāo)簽來定義，比如：
head
style type="text/css"
body {background-color:yellow;}
p {color:blue;}/style
/head
其中body {background-color:yellow;}定義了整個(gè)body的背景顏色。
p {color:blue;}/style則是定義了頁面里面所有文本的文字顏色。
優(yōu)點(diǎn)是整個(gè)html頁面都能調(diào)用。
第三種則是外部樣式，就是把css部分做成單獨(dú)的css文件，然后再html頁面里面引用，比如
head
link rel="stylesheet" type="text/css" href="mystyle.css"
/head
相當(dāng)于內(nèi)部樣式的代碼部分放入mystyle.css這個(gè)文件，然后在此處引用。
外部樣式最大的優(yōu)點(diǎn)是其他html頁面也能直接用link直接調(diào)用，比如你好幾個(gè)頁面需要類似的風(fēng)格，那么把相同的布局內(nèi)容放入CSS文件里面就會(huì)非常合適。
CSS的調(diào)用，按照CSS出現(xiàn)在頁面的不同位置，可以分為3種方法：
元素中直接使用；
從頁面頭部調(diào)用；
采用鏈接的形式調(diào)用。
不同的調(diào)用方法有不同的寫法和優(yōu)先級(jí)。下面分別做一下介紹。
一、元素中直接使用
這種調(diào)用方式的寫法如下：
元素名稱 style="屬性:屬性值;"/元素名稱
在樣式中直接使用CSS，語法是使用style標(biāo)簽，在雙引號(hào)中，樣式的語法結(jié)構(gòu)和獨(dú)立樣式表中完全相同。例如：
div style="width:240px;height:80px;background-color:#cccccc;text-align:center;font-size:14px"
示例：元素中直接調(diào)用。/div
該樣式中定義了元素寬、高為360、80像素，背景色為灰色，字體大小為14像素。其應(yīng)用到頁面中的顯示如圖1。
二、從頁面頭部調(diào)用
從頁面頭部調(diào)用CSS是將CSS寫在頁面的head元素中，然后在頁面中調(diào)用。其語法結(jié)構(gòu)如下：
style
選擇符{屬性:屬性值;}
/style
頁面上的所有樣式都可以寫在style和/style中。使用這種方式調(diào)用CSS，在頁面中必須有相應(yīng)的調(diào)用代碼。
其中，類選擇符的調(diào)用代碼如下：
元素名稱 class="類選擇符名稱"/元素名稱
ID選擇符的調(diào)用代碼如下：
元素名稱 id="id 類選擇符名稱"/元素名稱
下面我們來用一個(gè)示例演示一下。
head
titleCSS調(diào)用方法/title
style
.content{
background-color: #cccccc;
font-size: 14px;
width: 240px;
height: 80px;
color: Blue;
text-align: center;
}
/style
/head
body
div class="content"示例：從頁面頭部調(diào)用。/div
/body
該樣式應(yīng)用到頁面的效果如圖2所示。
三、采用鏈接的形式調(diào)用
采用鏈接的形式調(diào)用CSS通常有兩種方法：
使用link元素
使用link元素調(diào)用CSS的語法如下：
link rel="stylesheet" href="css文件路徑" type="text/css"/
其中rel="stylesheet"指這個(gè)link和其href之間的關(guān)聯(lián)樣式為樣式表文件。type="text/css"指文件類型是樣式表文本。
使用@import
使用@import調(diào)用和使用link元素調(diào)用的區(qū)別在于，使用@import的調(diào)用方法只能使用在樣式文件中，即只能在調(diào)用的樣式文件，或style元素中才能正常使用
當(dāng)瀏覽器讀取樣式表時(shí)，要依照文本格式來讀，這里介紹四種在頁面中插入樣式表的方法：鏈入外部樣式表、內(nèi)部樣式表、導(dǎo)入外表樣式表和內(nèi)嵌樣式。 1. 鏈入外部樣式表 鏈入外部樣式表是把樣式表保存為一個(gè)樣式表文件，然后在頁面中用標(biāo)記鏈接到這個(gè)樣式表文件，這個(gè)標(biāo)記必須放到頁面的區(qū)內(nèi)，如下： ………… 上面這個(gè)例子表示瀏覽器從mystyle.css文件中以文檔格式讀出定義的樣式表。rel=”stylesheet”是指在頁面中使用這個(gè)外部的樣式表。type=”text/css”是指文件的類型是樣式表文本。href=”mystyle.css”是文件所在的位置。media是選擇媒體類型，這些媒體包括：屏幕，紙張，語音合成設(shè)備，盲文閱讀設(shè)備等。 一個(gè)外部樣式表文件可以應(yīng)用于多個(gè)頁面。當(dāng)你改變這個(gè)樣式表文件時(shí)，所有頁面的樣式都隨之而改變。在制作大量相同樣式頁面的網(wǎng)站時(shí)，非常有用，不僅減少了重復(fù)的工作量，而且有利于以后的修改、編輯，瀏覽時(shí)也減少了重復(fù)下載代碼。 樣式表文件可以用任何文本編輯器（例如：記事本）打開并編輯，一般樣式表文件擴(kuò)展名為.css。內(nèi)容是定義的樣式表，不包含HTML標(biāo)記，mystyle.css這個(gè)文件的內(nèi)容如下： hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} /*定義水平線的顏色為土黃；段落左邊的空白邊距為20象素；頁面的背景圖片為images目錄下的back40.gif文件*/ 2. 內(nèi)部樣式表 內(nèi)部樣式表是把樣式表放到頁面的區(qū)里，這些定義的樣式就應(yīng)用到頁面中了，樣式表是用 ………… 注意：有些低版本的瀏覽器不能識(shí)別style標(biāo)記，這意味著低版本的瀏覽器會(huì)忽略style標(biāo)記里的內(nèi)容，并把style標(biāo)記里的內(nèi)容以文本直接顯示到頁面上。為了避免這樣的情況發(fā)生，我們用加HTML注釋的方式（）隱藏內(nèi)容而不讓它顯示： ………… 3. 導(dǎo)入外部樣式表 導(dǎo)入外部樣式表是指在內(nèi)部樣式表的 ………… 例中@import “mystyle.css”表示導(dǎo)入mystyle.css樣式表，注意使用時(shí)外部樣式表的路徑。方法和鏈入樣式表的方法很相似，但導(dǎo)入外部樣式表輸入方式更有優(yōu)勢。實(shí)質(zhì)上它相當(dāng)于存在內(nèi)部樣式表中的。 注意：導(dǎo)入外部樣式表必須在樣式表的開始部分，在其他內(nèi)部樣式表上面。 查看原帖
方法1：用css的屬性選擇器。
div[class^="aa"]?{
background-color:#d6d6d6;
height:?50px;
}
div?class="aa1"1/div
div?class="aa2"2/div
div?class="aa3"3/div
方法2：用空格分隔多個(gè)class
.aa?{
background-color:#d6d6d6;
height:?50px;
}
div?class="aa?aa1"1/div
div?class="aa?aa2"2/div
div?class="aa?aa3"3/div
以.aa為例，網(wǎng)頁中這樣寫div class="aa"/div，這樣.aa的屬性就被引用過來了。
前提是頁面頭部要引用這個(gè)css文件，link href="文件路徑/文件名.css" rel="stylesheet" type="text/css" /
重慶分公司
重慶分公司
