CSS樣式表在網(wǎng)頁制作中的作用

CSS樣式是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語言。

創(chuàng)新互聯(lián)是一家集成都做網(wǎng)站、成都網(wǎng)站建設(shè)、網(wǎng)站頁面設(shè)計(jì)、網(wǎng)站優(yōu)化SEO優(yōu)化為一體的專業(yè)網(wǎng)站建設(shè)公司，已為成都等多地近百家企業(yè)提供網(wǎng)站建設(shè)服務(wù)。追求良好的瀏覽體驗(yàn),以探求精品塑造與理念升華,設(shè)計(jì)最適合用戶的網(wǎng)站頁面。 合作只是第一步，服務(wù)才是根本,我們始終堅(jiān)持講誠信，負(fù)責(zé)任的原則，為您進(jìn)行細(xì)心、貼心、認(rèn)真的服務(wù),與眾多客戶在蓬勃發(fā)展的市場環(huán)境中,互促共生。

CSS能夠?qū)W(wǎng)頁中的對象的位置排版進(jìn)行像素級的精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力，并能夠進(jìn)行初步交互設(shè)計(jì)，可以很方便的控制網(wǎng)頁表現(xiàn)，比如配色，布局等。

css樣式以那兩種方式存在在網(wǎng)頁中

css樣式表嵌入網(wǎng)頁常用的有以下三種方法：

1，內(nèi)聯(lián)樣式

內(nèi)聯(lián)樣式是直接在html標(biāo)簽上定義該標(biāo)簽的css樣式，如：

div style="width:100px;height:100px;"/div

2，內(nèi)部樣式

內(nèi)部樣式是寫在html文件中，且包含在style/style代碼塊中，style寫在head里面如：

style

div{width:100px;height:1000px;}

/style

div/div

3，外部樣式

外部樣式是通過在html中引用外部css文件來控制樣式，如：

html文件中寫入引用語句：

link href="css文件路徑" rel="stylesheet" media="screen" /

CSS樣式表嵌入到網(wǎng)頁中的幾種方法

css樣式表嵌入網(wǎng)頁有以下三種方法：

1，內(nèi)聯(lián)樣式

內(nèi)聯(lián)樣式是直接在html標(biāo)簽上定義該標(biāo)簽的css樣式，如：

div

style="width:200px;height:30px;"/div

2，內(nèi)部樣式

內(nèi)部樣式是寫在html文件中，且包含在style/style代碼塊中，如：

style

.box{width:200px;height:30px;}

/style

div

class="box"/div

3，外部樣式

外部樣式是通過在html中引用外部css文件來控制樣式，如：

html文件中寫入引用語句：

link

href="css文件路徑"

rel="stylesheet"

media="screen"

/

HTML網(wǎng)頁怎么使用CSS樣式？

在制作一個(gè)網(wǎng)頁的時(shí)候，Css樣式的添加一共有四種方式，一起來看看這四種方式：

一、使用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)則是沒有整篇文件的『統(tǒng)一性』。

二、使用STYLE標(biāo)簽： 將樣式規(guī)則寫在STYLE.../STYLE標(biāo)簽之中。

通常是將整個(gè)的 STYLE.../STYLE結(jié)構(gòu)寫在網(wǎng)頁的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)頁中加入

LINK REL=STYLESHEET TYPE="text/css" HREF="example.css"

即可套用該樣式檔案中所制定好的樣式了。 通常是將LINK標(biāo)簽寫在網(wǎng)頁的head/head部份之中。這種用法的優(yōu)點(diǎn)就是在於可以把要套用相同樣式規(guī)則的數(shù)篇文件都指定到同一個(gè)樣式檔案即可。缺點(diǎn)也是在個(gè)別文件或元件的靈活度不足。

四、使用@import引入： 跟LINK用法很像，但必　放在STYLE.../STYLE 中。

要注意的是，行末的分號是絕對不可少的！這種方式也可以把

在網(wǎng)頁中如何添加CSS樣式表?

1.首先打開EditPlus軟件，新建一個(gè)樣式表文件，寫入一些樣式，如下圖所示。

2.接下來我們在建立一個(gè)樣式表文件，在這個(gè)樣式表文件中通過import屬性導(dǎo)入上一個(gè)樣式表，如下圖所示。

3.然后在html中我們用link標(biāo)簽導(dǎo)入上面聲明的樣式文件，如下圖所示。

4.接下來我們運(yùn)行HTML文件，我們可以看到雖然只導(dǎo)入了一個(gè)樣式文件，但是兩個(gè)樣式表的樣式都加載進(jìn)來了，如下圖所示。

5.另外在運(yùn)用import的時(shí)候一定不要放在樣式下面，如下圖所示，這樣是不生效的。

6.最后運(yùn)用import導(dǎo)入樣式也不要忘了分號，如下圖所示，忘了分號也是不生效的。

在網(wǎng)頁制作中，如何通過CSS為網(wǎng)頁添加樣式？請言簡意賅的闡釋一下，不要純粘貼。。

比如網(wǎng)頁中一個(gè)p標(biāo)簽的樣式是：p style="color：red；"/p

然后現(xiàn)在通過css控制頁面就變成了：

p class="red"/p

然后在head標(biāo)簽中間寫

style type="text/css"

.red{color:red;}

/style

當(dāng)然也可以把放在head里的css放到一個(gè)css文件中，通過

link href="xx.css" rel="stylesheet" type="text/css" /引用

新聞標(biāo)題：css樣式網(wǎng)頁,css樣式網(wǎng)頁導(dǎo)航條
文章URL：http://jinyejixie.com/article24/dsecpje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、全網(wǎng)營銷推廣、小程序開發(fā)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站改版、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)