CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是一種用來表現(xiàn)HTML或 XML 等文件式樣的計算機(jī)語言。

成都服務(wù)器托管,創(chuàng)新互聯(lián)公司提供包括服務(wù)器租用、綿陽電信機(jī)房機(jī)柜租用、帶寬租用、云主機(jī)、機(jī)柜租用、主機(jī)租用托管、CDN網(wǎng)站加速、主機(jī)域名等業(yè)務(wù)的一體化完整服務(wù)。電話咨詢:18980820575
樣式表有三種類型:
外部鏈接的樣式表。指使用CSS文件鏈接到HTML文件。
內(nèi)部樣式表。是指卸載HTML頁面頭部(head里)的樣式表
形式為:
style type="text/css"
聲明{ 屬性: 值;}
/style
內(nèi)嵌樣式表。是指HTML標(biāo)簽里面內(nèi)嵌的樣式,形式為 style="屬性: 值;"
CSS樣式分類有:一、類別選擇器 二、標(biāo)記選擇器三、ID選擇器四、關(guān)聯(lián)選擇器五、組合選擇器六、偽元素選擇器
css樣式分三種,內(nèi)部樣式,內(nèi)聯(lián)樣式和外部樣式。外部樣式,顧名思義,也就是通過link /引入的css樣式文件,而內(nèi)部樣式呢,主要是放在style/style中的樣式,而內(nèi)聯(lián)樣式,就是直接嵌入標(biāo)簽的,充當(dāng)標(biāo)簽的一個屬性,使用style='這里寫樣式' 來實現(xiàn)。
他們的優(yōu)先級是內(nèi)聯(lián)樣式的優(yōu)先級最高,其次判斷內(nèi)部和外部樣式的優(yōu)先級得看它們在html中出現(xiàn)的位置,一般來說,越靠后的優(yōu)先級也就越高。
css是英文Cascading Style Sheets的縮寫。
它是一種用來表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集)等文件樣式的計算機(jī)語言。
它包含3種類型,內(nèi)部樣式,行內(nèi)樣式和外部樣式表三種
作用的效果是按順序從下到上,相同樣式下面的會覆蓋原有樣式,除特殊情況外,一般都是行內(nèi)樣式內(nèi)部樣式外部樣式。
以div為例
行內(nèi)樣式寫法:
在style里面寫樣式
div style="height:30px; background:#f00;"/div
內(nèi)部樣式:
在head標(biāo)簽內(nèi)加入style標(biāo)簽,在標(biāo)簽內(nèi)寫樣式:
style
div{height:30px; background:#f00;}
/style
外部樣式是建立一個新文件后綴名為.css
舉個例子:
建立style.css文件放在項目根目錄下:
在里面寫入
div{height:30px; background:#f00;}
然后保存,在html的head標(biāo)簽內(nèi)調(diào)用樣式
link rel="stylesheet" type="text/css" href="style.css" /
1、首先,在電腦中打開編輯器,創(chuàng)建html文檔。
2、然后,創(chuàng)建h1標(biāo)簽,用行內(nèi)樣式控制字體顏色為紅色。
3、接下來,用內(nèi)部樣式選擇器選擇h1標(biāo)簽,控制它的樣式。
4、外部樣式需要,創(chuàng)建外部樣式.css文件。
5、然后,在html文件里面引入css文件。
6、最后,在瀏覽器看是否生效,就可以了。
小弟才疏學(xué)淺只知道三種,我就先說三種類型吧,不足的請補(bǔ)充
內(nèi)聯(lián)樣式、內(nèi)部樣式、外部樣式
內(nèi)聯(lián)樣式:樣式直接寫在標(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)部樣式:樣式寫在頭部內(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
外部樣式:樣式寫在后綴名為.css的文件中,然后通過在html頁頭引入css文件的方式叫外部樣式。權(quán)值小于內(nèi)聯(lián)樣式和內(nèi)部樣式。
例如:
html
head
link rel="stylesheet" href="css樣式文件地址"
/head
body
div id="d1"你好/div
/body
/html
CSS即層疊樣式表(Cascading Style Sheets),是一種用來表現(xiàn)HTML或XML等文件樣式的計算機(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)點:
CSS有助于實現(xiàn)負(fù)責(zé)任的Web設(shè)計。CSS對開發(fā)者構(gòu)建Web站點的影響很大,并且這種影響可能是無止境的。將網(wǎng)頁的大部分甚至是全部的表示信息從HTML或XML文件中移出,并將它們保留在一個樣式表中有諸多優(yōu)點,如降低文件大小、節(jié)省網(wǎng)絡(luò)帶寬以及易于維護(hù)等。
此外,站點的表現(xiàn)信息和核心內(nèi)容相分離,使得站點的設(shè)計人員能夠在短暫的時間內(nèi)對整個網(wǎng)站進(jìn)行各種各樣的修改。
CSS簡化了網(wǎng)頁的格式代碼,外部的樣式表還會被瀏覽器保存在緩存里,加快了下載顯示的速度,也減少了需要上傳的代碼數(shù)量(因為重復(fù)設(shè)置的格式將被只保存一次)。
只要修改保存著網(wǎng)站格式的CSS樣式表文件就可以改變整個站點的風(fēng)格特色,在修改頁面數(shù)量龐大的站點時,顯得格外有用。這就避免了一個個網(wǎng)頁的修改,大大減少了工作量。
參考資料來源:百度百科-CSS
本文標(biāo)題:css分類樣式,css樣式分為
轉(zhuǎn)載注明:http://chinadenli.net/article1/dsihpod.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、動態(tài)網(wǎng)站、用戶體驗、網(wǎng)站營銷、網(wǎng)站收錄、網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)