新聞中心
CSS是一種用來表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集)等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),當(dāng)陽企業(yè)網(wǎng)站建設(shè),當(dāng)陽品牌網(wǎng)站建設(shè),網(wǎng)站定制,當(dāng)陽網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,當(dāng)陽網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
如何插入樣式表
插入樣式表的方法有三種: 1.外部樣式表(External style sheet) 2.內(nèi)部樣式表(Internal style sheet) 3.內(nèi)聯(lián)樣式(Inline style)
外部樣式表
當(dāng)樣式需要應(yīng)用于很多頁面時(shí),外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變一個(gè)文件來改變整個(gè)站點(diǎn)的外觀。每個(gè)頁面使用 標(biāo)簽鏈接到樣式表。 標(biāo)簽在(文檔的)頭部:
"stylesheet" type="text/css" href="mystyle.css">
瀏覽器會從文件 mystyle.css 中讀到樣式聲明,并根據(jù)它來格式文檔。
外部樣式表可以在任何文本編輯器中進(jìn)行編輯。文件不能包含任何的 html 標(biāo)簽。樣式表應(yīng)該以 .css 擴(kuò)展名進(jìn)行保存。下面是一個(gè)樣式表文件的例子:
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/back40.gif");}
內(nèi)部樣式表
內(nèi)部樣式表
當(dāng)單個(gè)文檔需要特殊的樣式時(shí),就應(yīng)該使用內(nèi)部樣式表。你可以使用 標(biāo)簽在文檔頭部定義內(nèi)部樣式表,就像這樣:
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
內(nèi)聯(lián)樣式
由于要將表現(xiàn)和內(nèi)容混雜在一起,內(nèi)聯(lián)樣式會損失掉樣式表的許多優(yōu)勢。請慎用這種方法,例如當(dāng)樣式僅需要在一個(gè)元素上應(yīng)用一次時(shí)。
要使用內(nèi)聯(lián)樣式,你需要在相關(guān)的標(biāo)簽內(nèi)使用樣式(style)屬性。Style 屬性可以包含任何 CSS 屬性。本例展示如何改變段落的顏色和左外邊距:
這是一個(gè)段落。
多重樣式
如果某些屬性在不同的樣式表中被同樣的選擇器定義,那么屬性值將從更具體的樣式表中被繼承過來。
例如,外部樣式表擁有針對 h3 選擇器的三個(gè)屬性:
h3
{
color:red;
text-align:left;
font-size:8pt;
}
而內(nèi)部樣式表擁有針對 h3 選擇器的兩個(gè)屬性:
h3
{
text-align:right;
font-size:20pt;
}
假如擁有內(nèi)部樣式表的這個(gè)頁面同時(shí)與外部樣式表鏈接,那么 h3 得到的樣式是:
color:red; text-align:right; font-size:20pt;
即顏色屬性將被繼承于外部樣式表,而文字排列(text-alignment)和字體尺寸(font-size)會被內(nèi)部樣式表中的規(guī)則取代。
多重樣式優(yōu)先級
樣式表允許以多種方式規(guī)定樣式信息。樣式可以規(guī)定在單個(gè)的 HTML 元素中,在 HTML 頁的頭元素中,或在一個(gè)外部的 CSS 文件中。甚至可以在同一個(gè) HTML 文檔內(nèi)部引用多個(gè)外部樣式表。
一般情況下,優(yōu)先級如下:
** 內(nèi)聯(lián)樣式)Inline style > (內(nèi)部樣式)Internal style sheet >(外部樣式)External style sheet > 瀏覽器默認(rèn)樣式**
/* 內(nèi)部樣式 */
h3{color:green;}
測試!
注意:如果外部樣式放在內(nèi)部樣式的后面,則外部樣式將覆蓋內(nèi)部樣式。
網(wǎng)站名稱:詳解CSS創(chuàng)建
本文URL:http://www.5511xx.com/article/djsohpg.html


咨詢
建站咨詢
