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