有這三種 taglibname{} .name{} #id{}
創(chuàng)新新互聯(lián),憑借10余年的網(wǎng)站建設(shè)、做網(wǎng)站經(jīng)驗(yàn),本著真心·誠(chéng)心服務(wù)的企業(yè)理念服務(wù)于成都中小企業(yè)設(shè)計(jì)網(wǎng)站有千余家案例。做網(wǎng)站建設(shè),選創(chuàng)新互聯(lián)。
第一種為標(biāo)簽樣式,taglib為標(biāo)簽名,后面{}里面加屬性,這種樣式對(duì)頁(yè)面內(nèi)所有的標(biāo)簽名為taglibname的標(biāo)簽起作用。
第二種為css類(lèi)樣式,需要在HTML開(kāi)始標(biāo)簽 后綴 class="name",name即類(lèi)名,這類(lèi)標(biāo)簽對(duì)HTML內(nèi)所有后綴同樣name的標(biāo)簽起作用 class="name" 可以設(shè)在多個(gè)開(kāi)始標(biāo)簽后,表示這些標(biāo)簽具有同一類(lèi)樣式。
第三種為cssID樣式,需要在HTML開(kāi)始標(biāo)簽后綴 id="id",需要注意的是,ID樣式的話,每一個(gè)name都是獨(dú)立且不重復(fù)的,具有唯一性。
手打!~希望對(duì)你有幫助!
CSS種類(lèi)
CSS為什么稱(chēng)為串聯(lián)式排版樣式呢 ? 是因?yàn)榭梢曰旌鲜褂靡韵耂tyle Sheets種類(lèi),其優(yōu)先執(zhí)行順序依編號(hào)排列。
Inline (同列) : 使用HTML標(biāo)記的STYLE屬性,只和定義的區(qū)段有效。
如 :
P STYLE=COLOR:RED
Embedding (內(nèi)嵌) : 使用 STYLE.../STYLE標(biāo)記 ( 置于BODY本文區(qū)之前 ),定義HTML標(biāo)記供整個(gè)網(wǎng)頁(yè)使用。可使用多個(gè)STYLE.../STYLE標(biāo)記
如 :
HTML 文件開(kāi)始
STYLE TYPE=text/css 排版樣式區(qū)開(kāi)始
!-- 排版樣式區(qū)內(nèi)容 --
/STYLE 排版樣式區(qū)結(jié)束
BODY 本文區(qū)開(kāi)始 本文區(qū)內(nèi)容
/BODY 本文區(qū)結(jié)束
/HTML 文件結(jié)束
Linking (連結(jié)) : 使用 LINK標(biāo)記 ( 用于HEAD區(qū) ),即將排版格式分開(kāi)處理 ( 以 . CSS 為副檔名儲(chǔ)存成一個(gè)獨(dú)立的文字檔 ) ,再連結(jié)使用??墒褂枚鄠€(gè)LINK標(biāo)記。
如 :
HTML 文件開(kāi)始
HEAD 標(biāo)頭區(qū)開(kāi)始
LINK TYPE=text/css REL=STYLESHEET
HREF=s1.css 連結(jié)CSS檔
/HEAD 標(biāo)頭區(qū)結(jié)束
BODY 本文區(qū)開(kāi)始
本文區(qū)內(nèi)容
/BODY 本文區(qū)結(jié)束
/HTML 文件結(jié)束
1、首先,在電腦中打開(kāi)編輯器,創(chuàng)建html文檔。
2、然后,創(chuàng)建h1標(biāo)簽,用行內(nèi)樣式控制字體顏色為紅色。
3、接下來(lái),用內(nèi)部樣式選擇器選擇h1標(biāo)簽,控制它的樣式。
4、外部樣式需要,創(chuàng)建外部樣式.css文件。
5、然后,在html文件里面引入css文件。
6、最后,在瀏覽器看是否生效,就可以了。
CSS即層疊樣式表(Cascading Style Sheets),是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言。
CSS樣式主要包含以下三種類(lèi)型:
1、行內(nèi)樣式(內(nèi)嵌樣式):結(jié)構(gòu)的內(nèi)部,即寫(xiě)在標(biāo)簽內(nèi)的樣式;寫(xiě)在標(biāo)簽的開(kāi)始部分內(nèi)部,style屬性當(dāng)中。
例:標(biāo)記 style="樣式的屬性名1:樣式的屬性值1;屬性名2:屬性值2;......"/標(biāo)記
2、內(nèi)部樣式(內(nèi)聯(lián)樣式):寫(xiě)在HTML頁(yè)面內(nèi)部,存放于head標(biāo)記當(dāng)中,樣式寫(xiě)在style標(biāo)記內(nèi)。
例:style選擇器 {屬性名:屬性值;屬性名:屬性值;......}/style
3、外部樣式(外聯(lián)樣式):寫(xiě)在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對(duì)開(kāi)發(fā)者構(gòu)建Web站點(diǎn)的影響很大,并且這種影響可能是無(wú)止境的。將網(wǎng)頁(yè)的大部分甚至是全部的表示信息從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)對(duì)整個(gè)網(wǎng)站進(jìn)行各種各樣的修改。
CSS簡(jiǎn)化了網(wǎng)頁(yè)的格式代碼,外部的樣式表還會(huì)被瀏覽器保存在緩存里,加快了下載顯示的速度,也減少了需要上傳的代碼數(shù)量(因?yàn)橹貜?fù)設(shè)置的格式將被只保存一次)。
只要修改保存著網(wǎng)站格式的CSS樣式表文件就可以改變整個(gè)站點(diǎn)的風(fēng)格特色,在修改頁(yè)面數(shù)量龐大的站點(diǎn)時(shí),顯得格外有用。這就避免了一個(gè)個(gè)網(wǎng)頁(yè)的修改,大大減少了工作量。
參考資料來(lái)源:百度百科-CSS
#id,/.class/body 這三種是常見(jiàn)的
第一種是ID選擇器
第二種是類(lèi)選擇器
第三種是全局標(biāo)簽
還有一種內(nèi)嵌hr stlye="coler:#fff"
小弟才疏學(xué)淺只知道三種,我就先說(shuō)三種類(lèi)型吧,不足的請(qǐng)補(bǔ)充
內(nèi)聯(lián)樣式、內(nèi)部樣式、外部樣式
內(nèi)聯(lián)樣式:樣式直接寫(xiě)在標(biāo)簽內(nèi)的叫做內(nèi)聯(lián)樣式。權(quán)值大于內(nèi)部樣式和外部樣式。
例如:div style="width:100px;height:100px;border:1px solid #000;background:red;"你好/div
內(nèi)部樣式:樣式寫(xiě)在頭部?jī)?nèi)的叫內(nèi)部樣式。權(quán)值大于外部樣式,小于內(nèi)聯(lián)樣式。
例如:
html
head
style
#d1{
width:100px;
height:100px;
border:1px solid #000;
background:red;
}
/style
/head
body
div id="d1"你好/div
/body
/html
外部樣式:樣式寫(xiě)在后綴名為.css的文件中,然后通過(guò)在html頁(yè)頭引入css文件的方式叫外部樣式。權(quán)值小于內(nèi)聯(lián)樣式和內(nèi)部樣式。
例如:
html
head
link rel="stylesheet" href="css樣式文件地址"
/head
body
div id="d1"你好/div
/body
/html
名稱(chēng)欄目:css樣式的種類(lèi),css樣式的分類(lèi)
轉(zhuǎn)載來(lái)源:http://jinyejixie.com/article38/dsecssp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、移動(dòng)網(wǎng)站建設(shè)、服務(wù)器托管、靜態(tài)網(wǎng)站、網(wǎng)站導(dǎo)航、網(wǎng)站營(yíng)銷(xiāo)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)