十年網(wǎng)站開發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營(yíng)維護(hù)+專業(yè)推廣+無(wú)憂售后,網(wǎng)站問(wèn)題一站解決
1.首先打開EditPlus軟件,新建一個(gè)樣式表文件,寫入一些樣式,如下圖所示。
站在用戶的角度思考問(wèn)題,與客戶深入溝通,找到盤龍網(wǎng)站設(shè)計(jì)與盤龍網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:成都做網(wǎng)站、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名申請(qǐng)、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋盤龍地區(qū)。
2.接下來(lái)我們?cè)诮⒁粋€(gè)樣式表文件,在這個(gè)樣式表文件中通過(guò)import屬性導(dǎo)入上一個(gè)樣式表,如下圖所示。
3.然后在html中我們用link標(biāo)簽導(dǎo)入上面聲明的樣式文件,如下圖所示。
4.接下來(lái)我們運(yùn)行HTML文件,我們可以看到雖然只導(dǎo)入了一個(gè)樣式文件,但是兩個(gè)樣式表的樣式都加載進(jìn)來(lái)了,如下圖所示。
5.另外在運(yùn)用import的時(shí)候一定不要放在樣式下面,如下圖所示,這樣是不生效的。
6.最后運(yùn)用import導(dǎo)入樣式也不要忘了分號(hào),如下圖所示,忘了分號(hà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)入沒(méi)有什么太大的區(qū)別,需要簡(jiǎn)歷外部CSS文件,在GW中按ctrl+n有那選項(xiàng)
之后在頁(yè)面head/head之間加入CSS文件所在路徑調(diào)用,如下,link
href="CSS/CSS1.css"
rel="stylesheet"
type="text/css"
/
在制作一個(gè)網(wǎng)頁(yè)的時(shí)候,Css樣式的添加一共有四種方式,一起來(lái)看看這四種方式:
一、使用STYLE屬性: 將STYLE屬性直接加在個(gè)別的元件標(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)點(diǎn) 是可靈巧應(yīng)用樣式於各標(biāo)簽中,但是缺點(diǎn)則是沒(méi)有整篇文件的『統(tǒng)一性』。
二、使用STYLE標(biāo)簽: 將樣式規(guī)則寫在STYLE.../STYLE標(biāo)簽之中。
通常是將整個(gè)的 STYLE.../STYLE結(jié)構(gòu)寫在網(wǎng)頁(yè)的HEAD /HEAD部份之中。這種用法的優(yōu)點(diǎn)就是在於整篇文件的統(tǒng)一性,只要是有聲明的的元件即會(huì)套用該樣式規(guī)則。缺點(diǎn)就是在個(gè)別元件的靈活度不足。
三、使用 LINK標(biāo)簽: 將樣式規(guī)則寫在.css的樣式檔案中,再以LINK標(biāo)簽引入。
假設(shè)我們把樣式規(guī)則存成一個(gè)example.css的檔案,我們只要在網(wǎng)頁(yè)中加入
LINK REL=STYLESHEET TYPE="text/css" HREF="example.css"
即可套用該樣式檔案中所制定好的樣式了。 通常是將LINK標(biāo)簽寫在網(wǎng)頁(yè)的head/head部份之中。這種用法的優(yōu)點(diǎn)就是在於可以把要套用相同樣式規(guī)則的數(shù)篇文件都指定到同一個(gè)樣式檔案即可。缺點(diǎn)也是在個(gè)別文件或元件的靈活度不足。
四、使用@import引入: 跟LINK用法很像,但必 放在STYLE.../STYLE 中。
要注意的是,行末的分號(hào)是絕對(duì)不可少的!這種方式也可以把
有三種方法:
行內(nèi)樣式 直接在標(biāo)簽里面添加style屬性,在style屬性里面寫樣式即可;
內(nèi)部樣式 在head標(biāo)簽里面通過(guò)style標(biāo)簽來(lái)寫入內(nèi)部樣式;
外部樣式 通過(guò)link標(biāo)簽引入外部樣式表。