有三種方法可以在站點(diǎn)網(wǎng)頁上使用樣式表:
我們提供的服務(wù)有:成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、克東ssl等。為上1000+企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的克東網(wǎng)站制作公司
1、外部樣式:將網(wǎng)頁鏈接到外部樣式表。
2、內(nèi)頁樣式:在網(wǎng)頁上創(chuàng)建嵌入的樣式表。
3、行內(nèi)樣式:應(yīng)用內(nèi)嵌樣式到各個網(wǎng)頁元素。
每一種方法均有其優(yōu)缺點(diǎn):
當(dāng)要在站點(diǎn)上所有或部分網(wǎng)頁上一致地應(yīng)用相同樣式時,可使用外部樣式表。在一個或多個外部樣式表中定義樣式,并將它們鏈接到所有網(wǎng)頁,便能確保所有網(wǎng)頁外觀的一致性。如果人們決定更改樣式,只需在外部樣式表中修改一次,而該更改會反映到所有與該樣式表相鏈接的網(wǎng)頁上。通常外部樣式表以 .css 做為文件擴(kuò)展名,例如 Mystyles.css。然后在需要此樣式的頁面中將其鏈接進(jìn)來,如:
link href="/css/Mystyles.css" rel="stylesheet" type="text/css"/
當(dāng)人們只是要定義當(dāng)前網(wǎng)頁的樣式,可使用嵌入的樣式表。嵌入的樣式表是一種級聯(lián)樣式表,“嵌”在網(wǎng)頁的 HEAD 標(biāo)記符內(nèi)。嵌入的樣式表中的樣式只能在同一網(wǎng)頁上使用。 如:
style type="text/css"
!-- /* 把聲明的樣式包含在一個html注釋中,這樣可以解決較老的瀏覽器不識別style的問題 */
body {background:grey;}
--
/style
使用內(nèi)嵌樣式以應(yīng)用級聯(lián)樣式表屬性到網(wǎng)頁元素上。 如:
pstyle="@import url('style3.css');"CSS document/p
!-- 不能在style屬性中使用@import --
如果網(wǎng)頁鏈接到外部樣式表,為網(wǎng)頁所創(chuàng)建的內(nèi)嵌的或嵌入式樣式將擴(kuò)充或覆蓋外部樣式表中的指定屬性。
要在網(wǎng)頁上使用外部樣式表的樣式,可將該網(wǎng)頁鏈接到樣式表,方法是使用位于 “格式” 菜單上的 “樣式表連接” 命令??梢枣溄右粋€或數(shù)個樣式表到網(wǎng)頁視圖模式下的當(dāng)前網(wǎng)頁,或到在文件夾列表中的所選網(wǎng)頁,或到站點(diǎn)上的全部網(wǎng)頁。
該“樣式” 框列出標(biāo)準(zhǔn) HTML 標(biāo)記符,例如標(biāo)題
1,還有嵌入的樣式表或鏈接到網(wǎng)頁的外部樣式表中所含的類或 ID 選擇器。要應(yīng)用樣式到網(wǎng)頁元素,請選定該樣式然后單擊 “樣式” 框中的樣式或選擇器。
在 Microsoft FrontPage 2000中,某些格式設(shè)置特性會作為內(nèi)嵌樣式自動應(yīng)用。例如∶如果使用 “邊框與陰影” 命令(在 “格式” 菜單上)在普通段落周圍應(yīng)用框,F(xiàn)rontPage 會寫下格式設(shè)置信息,作為段落標(biāo)記符的內(nèi)嵌樣式屬性(例如∶ p style="border-style: solid")。然而某些屬性的應(yīng)用需要使用 CSS,其他則需要使用 HTML 。如果人們只想使用 CSS 應(yīng)用內(nèi)嵌樣式,可使用 “樣式” 按鈕(位于網(wǎng)頁元素的 “屬性” 對話框里)應(yīng)用類或 ID 選擇器或嵌入式樣式。
CSS的定義是由三個部分構(gòu)成:選擇符(selector),屬性(properties)和屬性的取值(value)。
css樣式表主要內(nèi)嵌樣式,內(nèi)部樣式表,外部樣式表
css樣式基本結(jié)構(gòu)選擇器,屬性,屬性值
(1)引用外部css文件:
在html文件的頭部插入link rel="stylesheet" type="text/css" href="***.css" /
例如:html
head
title標(biāo)題/title
link rel="stylesheet" type="text/css" href="mycss/style.css" /
/head
body
................
/body
/html
若是在xml中,可在聲明區(qū)插入? xml-stylesheet type="text/css" href="***.css" ?
(2)內(nèi)部定義樣式塊:
在html文檔的頭部插入標(biāo)記style.../style塊
例如:html
head
title標(biāo)題/title
style
!--
body{font:8pt "Arial"}
h1{font:15pt "Arial";font-weight:blod;color:maroon}
--
/styel
/head
body
................
/body
/html
(3)內(nèi)聯(lián)定義:
在對象標(biāo)記里面使用style屬性定義其樣式:
例如:p style="margin-left:0.5in;margin-right:0.5in"...../p
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文件中移出,并將它們保留在一個樣式表中有諸多優(yōu)點(diǎn),如降低文件大小、節(jié)省網(wǎng)絡(luò)帶寬以及易于維護(hù)等。
此外,站點(diǎn)的表現(xiàn)信息和核心內(nèi)容相分離,使得站點(diǎn)的設(shè)計(jì)人員能夠在短暫的時間內(nèi)對整個網(wǎng)站進(jìn)行各種各樣的修改。
CSS簡化了網(wǎng)頁的格式代碼,外部的樣式表還會被瀏覽器保存在緩存里,加快了下載顯示的速度,也減少了需要上傳的代碼數(shù)量(因?yàn)橹貜?fù)設(shè)置的格式將被只保存一次)。
只要修改保存著網(wǎng)站格式的CSS樣式表文件就可以改變整個站點(diǎn)的風(fēng)格特色,在修改頁面數(shù)量龐大的站點(diǎn)時,顯得格外有用。這就避免了一個個網(wǎng)頁的修改,大大減少了工作量。
參考資料來源:百度百科-CSS
網(wǎng)站欄目:css樣式定義有哪三部分,css樣式定義有哪三部分組合
文章鏈接:http://aaarwkj.com/article4/dssjsoe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、企業(yè)網(wǎng)站制作、網(wǎng)站改版、關(guān)鍵詞優(yōu)化、營銷型網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)