建站
咨詢
售后
建站咨詢
新聞中心
css樣式表怎么用啊
CSS的調(diào)用，按照CSS出現(xiàn)在頁(yè)面的不同位置，可以分為3種方法：
創(chuàng)新互聯(lián)主要從事網(wǎng)頁(yè)設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、自適應(yīng)網(wǎng)站建設(shè)、程序開發(fā)、網(wǎng)站優(yōu)化、微網(wǎng)站、成都小程序開發(fā)等，憑借多年來(lái)在互聯(lián)網(wǎng)的打拼，我們?cè)诨ヂ?lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷經(jīng)驗(yàn)，集策劃、開發(fā)、設(shè)計(jì)、營(yíng)銷、管理等多方位專業(yè)化運(yùn)作于一體。
元素中直接使用；
從頁(yè)面頭部調(diào)用；
采用鏈接的形式調(diào)用。
不同的調(diào)用方法有不同的寫法和優(yōu)先級(jí)。下面分別做一下介紹。
一、元素中直接使用
這種調(diào)用方式的寫法如下：
元素名稱 style="屬性:屬性值;"/元素名稱
在樣式中直接使用CSS，語(yǔ)法是使用style標(biāo)簽，在雙引號(hào)中，樣式的語(yǔ)法結(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)用到頁(yè)面中的顯示如圖1。
二、從頁(yè)面頭部調(diào)用
從頁(yè)面頭部調(diào)用CSS是將CSS寫在頁(yè)面的head元素中，然后在頁(yè)面中調(diào)用。其語(yǔ)法結(jié)構(gòu)如下：
style
選擇符{屬性:屬性值;}
/style
頁(yè)面上的所有樣式都可以寫在style和/style中。使用這種方式調(diào)用CSS，在頁(yè)面中必須有相應(yīng)的調(diào)用代碼。
其中，類選擇符的調(diào)用代碼如下：
元素名稱 class="類選擇符名稱"/元素名稱
ID選擇符的調(diào)用代碼如下：
元素名稱 id="id 類選擇符名稱"/元素名稱
下面我們來(lái)用一個(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"示例：從頁(yè)面頭部調(diào)用。/div
/body
該樣式應(yīng)用到頁(yè)面的效果如圖2所示。
三、采用鏈接的形式調(diào)用
采用鏈接的形式調(diào)用CSS通常有兩種方法：
使用link元素
使用link元素調(diào)用CSS的語(yǔ)法如下：
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元素中才能正常使用
css上下文關(guān)聯(lián)樣式問(wèn)題。菜鳥提問(wèn)。
你仔細(xì)看看你的代碼就知道為什么效果和書上說(shuō)的效果不一樣了，你的style樣式里的EM元素的樣式少了一個(gè)"}"符號(hào)，也就是說(shuō)這個(gè)元素把blue頂了。
還有就是第三行是 H1元素 里的 EM元素，這是關(guān)于css選擇器嵌套的問(wèn)題。也就是說(shuō)指定的更精確（通俗的講：“我要指定一個(gè)特定的元素EM，而這個(gè)EM元素是在H1這個(gè)標(biāo)簽里面的EM”），所以第三行顯示藍(lán)色，而不去顯示綠色了。
如何把div和css關(guān)聯(lián)到一起
1.在html文檔的head部分加入
link rel="stylesheet" type="text.css" href="my.css"/
rel 連接的文件與html文檔之間的關(guān)系
type 文件類型
href 指向鏈接的css文件
這是最常用的引入方式，這種方法可以將css寫入一個(gè)文檔直接放在一個(gè)文件夾中，即將html與css分離開來(lái)。
2.在html文檔的head部分直接寫入css文檔
p {font-size:20px;color:blue;}
3.在標(biāo)簽中直接加入
div style="border:2px yellow solid;"
4.使用@improt引入
style type="text/css"
@import url("css/test.css");
/style
當(dāng)前標(biāo)題：css關(guān)聯(lián)樣式,連接css樣式
文章URL：http://www.dlmjj.cn/article/phjcgs.html
