1.首先打開EditPlus軟件,新建一個樣式表文件,寫入一些樣式,如下圖所示。
站在用戶的角度思考問題,與客戶深入溝通,找到盤龍網(wǎng)站設(shè)計與盤龍網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都做網(wǎng)站、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名申請、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋盤龍地區(qū)。
2.接下來我們在建立一個樣式表文件,在這個樣式表文件中通過import屬性導(dǎo)入上一個樣式表,如下圖所示。
3.然后在html中我們用link標(biāo)簽導(dǎo)入上面聲明的樣式文件,如下圖所示。
4.接下來我們運行HTML文件,我們可以看到雖然只導(dǎo)入了一個樣式文件,但是兩個樣式表的樣式都加載進(jìn)來了,如下圖所示。
5.另外在運用import的時候一定不要放在樣式下面,如下圖所示,這樣是不生效的。
6.最后運用import導(dǎo)入樣式也不要忘了分號,如下圖所示,忘了分號也是不生效的。
有四種方式,行內(nèi)樣式,內(nèi)嵌式,鏈接和導(dǎo)入式
行內(nèi)呢是在標(biāo)簽里直接寫,比如div
style="text-align:center;
width:750px;"
內(nèi)嵌是寫在head/head之間,例如:style
type="text/css"
!--
body
{margin:0
auto;padding:0;font-family:"宋體";font-size:12px;
color:#000000;text-align:center}
--
/style
鏈接和導(dǎo)入沒有什么太大的區(qū)別,需要簡歷外部CSS文件,在GW中按ctrl+n有那選項
之后在頁面head/head之間加入CSS文件所在路徑調(diào)用,如下,link
href="CSS/CSS1.css"
rel="stylesheet"
type="text/css"
/
在制作一個網(wǎng)頁的時候,Css樣式的添加一共有四種方式,一起來看看這四種方式:
一、使用STYLE屬性: 將STYLE屬性直接加在個別的元件標(biāo)簽里。
元件(標(biāo)簽) STYLE="性質(zhì)(屬性)1: 設(shè)定值1; 性質(zhì)(屬性)2: 設(shè)定值2; ...}
例如:
TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"標(biāo)楷體"; line-height:150%
這種用法的優(yōu)點 是可靈巧應(yīng)用樣式於各標(biāo)簽中,但是缺點則是沒有整篇文件的『統(tǒng)一性』。
二、使用STYLE標(biāo)簽: 將樣式規(guī)則寫在STYLE.../STYLE標(biāo)簽之中。
通常是將整個的 STYLE.../STYLE結(jié)構(gòu)寫在網(wǎng)頁的HEAD /HEAD部份之中。這種用法的優(yōu)點就是在於整篇文件的統(tǒng)一性,只要是有聲明的的元件即會套用該樣式規(guī)則。缺點就是在個別元件的靈活度不足。
三、使用 LINK標(biāo)簽: 將樣式規(guī)則寫在.css的樣式檔案中,再以LINK標(biāo)簽引入。
假設(shè)我們把樣式規(guī)則存成一個example.css的檔案,我們只要在網(wǎng)頁中加入
LINK REL=STYLESHEET TYPE="text/css" HREF="example.css"
即可套用該樣式檔案中所制定好的樣式了。 通常是將LINK標(biāo)簽寫在網(wǎng)頁的head/head部份之中。這種用法的優(yōu)點就是在於可以把要套用相同樣式規(guī)則的數(shù)篇文件都指定到同一個樣式檔案即可。缺點也是在個別文件或元件的靈活度不足。
四、使用@import引入: 跟LINK用法很像,但必 放在STYLE.../STYLE 中。
要注意的是,行末的分號是絕對不可少的!這種方式也可以把
有三種方法:
行內(nèi)樣式 直接在標(biāo)簽里面添加style屬性,在style屬性里面寫樣式即可;
內(nèi)部樣式 在head標(biāo)簽里面通過style標(biāo)簽來寫入內(nèi)部樣式;
外部樣式 通過link標(biāo)簽引入外部樣式表。