(1)“標(biāo)簽后跟 id ”的選擇器比較適合用在某一類元素的偽類或偽元素上,比如“ id 為 news01 的超鏈接的 link 狀態(tài)”,若單用 id 沒法寫(#news01:link不行);若單用標(biāo)簽這樣寫“ a:link ”會影響所有的超鏈接,因此只好這樣寫:a#news01:link。

創(chuàng)新互聯(lián)建站堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的通山網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
(2)“標(biāo)簽后跟類”的選擇器在類名重復(fù)時(shí)比較有用,比如設(shè)計(jì) .bold 類來加粗所有需要加粗的文字(比如標(biāo)題、單元格、div等等元素中的文字),但可能又想要段落的加粗不一樣,那么可以建立 p.old 選擇器重新定義加粗樣式,這樣 p class="bold"……/p中的文字加粗就會有別于其他地方的文字加粗,這樣做不用修改 HTML 代碼就達(dá)到了目的。
定義CSS樣式 (三種方式)
一、在head標(biāo)簽中加載一個(gè)CSS文件示例head link rel="stylesheet" type="text/css" href="style.css" //head
此例使用了link標(biāo)簽。
abbr { font-size:12px;}.text10pxwhite { font-size:10px; color: #FFFFFF;}
style.css的內(nèi)容
二、直接把CSS內(nèi)容寫在HTML文件的head標(biāo)簽中示例head style type="text/css" abbr { font-size: 12px; } .text10pxwhite { font-size: 10px; color: #FFFFFF; } /style/head
此例使用了style標(biāo)簽。
兩種方法是殊途同歸的(但是推薦使用第一種方法).
三、使用style屬性對標(biāo)簽加載樣式示例p style="font-size: 12px;color: #000;"使用css/p
此例使用了標(biāo)簽的style屬性。
外部樣式表
當(dāng)樣式需要被應(yīng)用到很多頁面的時(shí)候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改一個(gè)文件來改變整個(gè)站點(diǎn)的外觀。
head
link rel="stylesheet" type="text/css" href="mystyle.css"
/head
內(nèi)部樣式表
當(dāng)單個(gè)文件需要特別樣式時(shí),就可以使用內(nèi)部樣式表。你可以在 head 部分通過 style 標(biāo)簽定義內(nèi)部樣式表。
head
style type="text/css"
body {background-color: red}
p {margin-left: 20px}
/style
/head
內(nèi)聯(lián)樣式
當(dāng)特殊的樣式需要應(yīng)用到個(gè)別元素時(shí),就可以使用內(nèi)聯(lián)樣式。 使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實(shí)例顯示出如何改變段落的顏色和左外邊距。
p style="color: red; margin-left: 20px"
This is a paragraph
/p
“css的樣式規(guī)則是:由選擇器和聲明塊兩個(gè)基本部分組成的。選擇器決定為哪些元素應(yīng)用樣式;聲明塊定義相應(yīng)的樣式,它包含在一對花括號內(nèi),有一條或多條聲明組成,而每一條聲明則由一個(gè)屬性和一個(gè)值組成,中間用冒號隔開
CSS即層疊樣式表(Cascading Style Sheets),是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言。
CSS樣式主要包含以下三種類型:
1、行內(nèi)樣式(內(nèi)嵌樣式):結(jié)構(gòu)的內(nèi)部,即寫在標(biāo)簽內(nèi)的樣式;寫在標(biāo)簽的開始部分內(nèi)部,style屬性當(dāng)中。
例:標(biāo)記 style="樣式的屬性名1:樣式的屬性值1;屬性名2:屬性值2;......"/標(biāo)記
2、內(nèi)部樣式(內(nèi)聯(lián)樣式):寫在HTML頁面內(nèi)部,存放于head標(biāo)記當(dāng)中,樣式寫在style標(biāo)記內(nèi)。
例:style選擇器 {屬性名:屬性值;屬性名:屬性值;......}/style
3、外部樣式(外聯(lián)樣式):寫在css文件內(nèi)。
例:link type="text/css" rel="stylesheet" href="css/main.css" /
擴(kuò)展資料:
使用CSS樣式的優(yōu)點(diǎn):
CSS有助于實(shí)現(xiàn)負(fù)責(zé)任的Web設(shè)計(jì)。CSS對開發(fā)者構(gòu)建Web站點(diǎn)的影響很大,并且這種影響可能是無止境的。將網(wǎng)頁的大部分甚至是全部的表示信息從HTML或XML文件中移出,并將它們保留在一個(gè)樣式表中有諸多優(yōu)點(diǎn),如降低文件大小、節(jié)省網(wǎng)絡(luò)帶寬以及易于維護(hù)等。
此外,站點(diǎn)的表現(xiàn)信息和核心內(nèi)容相分離,使得站點(diǎn)的設(shè)計(jì)人員能夠在短暫的時(shí)間內(nèi)對整個(gè)網(wǎng)站進(jìn)行各種各樣的修改。
CSS簡化了網(wǎng)頁的格式代碼,外部的樣式表還會被瀏覽器保存在緩存里,加快了下載顯示的速度,也減少了需要上傳的代碼數(shù)量(因?yàn)橹貜?fù)設(shè)置的格式將被只保存一次)。
只要修改保存著網(wǎng)站格式的CSS樣式表文件就可以改變整個(gè)站點(diǎn)的風(fēng)格特色,在修改頁面數(shù)量龐大的站點(diǎn)時(shí),顯得格外有用。這就避免了一個(gè)個(gè)網(wǎng)頁的修改,大大減少了工作量。
參考資料來源:百度百科-CSS
定義內(nèi)部樣式塊對象 內(nèi)聯(lián)定義 (Inline Styles)導(dǎo)入樣式(Import Styles)具體可以看一下 css 百度百科
文章名稱:css樣式聲明,css樣式聲明的優(yōu)先級
本文URL:http://chinadenli.net/article46/dsepjeg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、網(wǎng)頁設(shè)計(jì)公司、App開發(fā)、全網(wǎng)營銷推廣、域名注冊、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)