Dreamweaver中CSS的運(yùn)用及編程！

我個(gè)人的也是學(xué)這方面的；我覺(jué)得吧，只要掌握css樣式的一些規(guī)律。就學(xué)的挺輕松的，關(guān)于css樣式的教程網(wǎng)上很多的，不過(guò)那些都是些理論的知識(shí)，建議你多用DW里面的創(chuàng)建css樣式去不斷地嘗試摸索其中的奧秘。做出令人驚嘆的網(wǎng)頁(yè)。

成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比太平網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式太平網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋太平地區(qū)。費(fèi)用合理售后完善，10余年實(shí)體公司更值得信賴。

這個(gè)是“css

2.0中文手冊(cè)”的網(wǎng)址。里面的內(nèi)容挺好的，我覺(jué)得你可以參考一下。

CSS編程代碼意思

你好，需要系統(tǒng)的學(xué)習(xí)一下css的知識(shí)，不要急于求成就沒(méi)問(wèn)題。

這一段代碼中：

meta?http-equiv="Content-Type"?content="text/html;?charset=gb2313"/

是對(duì)html文檔的描述，也就是告訴瀏覽器這個(gè)頁(yè)面用是gb2313字符集；

相當(dāng)于我告訴瀏覽器我用的是漢字，你不要用英文或者法語(yǔ)給我顯示這個(gè)頁(yè)面。

在css文檔里面寫css的樣式，然后在html文檔中引用這些樣式，一個(gè)美觀的頁(yè)面就浮現(xiàn)在你面前了。

而css中定義樣式的很好的武器就是：class，它的中文意思是“類”。

比如我想要文檔中某些文字都顯示成“紅色”（red），我可以定義這些文字的“類”，給他起個(gè)名字“red”，再給這個(gè)類一個(gè)值（這個(gè)才是發(fā)揮效果的關(guān)鍵部分），css代碼就可以這樣寫：

.red{color:red;}

在html里面引用的時(shí)候就通過(guò)給一個(gè)文字段落帶上類為紅色的帽子從而引用到這段css效果，

p?class="red"這里的文字就會(huì)變成紅色的啦！/p

p?這里的文字就不會(huì)變成紅色的啦！/p

___________________________________________

注：這里的class的名字即使你寫成了rd，引用的時(shí)候只要你引用的名字也是rd，文字都會(huì)顯示成紅色，為什么呢？因?yàn)殛P(guān)鍵在于.red{color:red;}這里，賦值是紅色，不在于你起的什么名字。之所以起這樣的名字原因在于看多了代碼一眼就知道我這個(gè)類是要把什么東西變成紅色。

全部的代碼如下，你拷貝到一個(gè)記事本，用格式.html保存，用瀏覽器打開(kāi)就可以看到效果：

!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?";quot;

html?xmlns=";quot;

head

meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/

title這個(gè)文章主要是想把一個(gè)段落的文字變成紅色/title

style?type="text/css"

.red{color:red;}

/style

/head

body

p?class="red"這里的文字會(huì)變成紅色的啦！/p

p這里的文不字會(huì)變成紅色的啦！/p

/body

/html

———————————————————————————————————

效果如下截圖：

什么是CSS編程？

CSS就是一種叫做樣式表（stylesheet）的技術(shù)。也有的人稱之為層疊樣式表（Cascading Stylesheet）。

在主頁(yè)制作時(shí)采用CSS技術(shù)，可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。

只要對(duì)相應(yīng)的代碼做一些簡(jiǎn)單的修改，就可以改變同一頁(yè)面的不同部分，或者頁(yè)數(shù)不同的網(wǎng)頁(yè)的外觀和格式。

它的作用可以達(dá)到：

（1）在幾乎所有的瀏覽器上都可以使用。

（2）以前一些非得通過(guò)圖片轉(zhuǎn)換實(shí)現(xiàn)的功能，現(xiàn)在只要用CSS就可以輕松實(shí)現(xiàn)，從而更快地下載頁(yè)面。

（3）使頁(yè)面的字體變得更漂亮，更容易編排，使頁(yè)面真正賞心悅目。

（4）你可以輕松地控制頁(yè)面的布局 。

（5）你可以將許多網(wǎng)頁(yè)的風(fēng)格格式同時(shí)更新，不用再一頁(yè)一頁(yè)地更新了。你可以將站點(diǎn)上所有的網(wǎng)頁(yè)風(fēng)格都使用一個(gè)CSS文件進(jìn)行控制，只要修改這個(gè)CSS文件中相應(yīng)的行，那么整個(gè)站點(diǎn)的所有頁(yè)面都會(huì)隨之發(fā)生變動(dòng)。

想一想，沒(méi)有使用CSS前我們是如何控制字體的顏色和大小以及所使用的字體的？我們一般使用HTML標(biāo)簽來(lái)實(shí)現(xiàn)，代碼非常煩瑣。

很難想象，如果在一個(gè)頁(yè)面里需要頻繁地更替字體的顏色大小，最終生成的HTML代碼的長(zhǎng)度一定臃腫不堪。

說(shuō)實(shí)話，CSS就是為了簡(jiǎn)化這樣的工作誕生的，當(dāng)然其功能決非這么簡(jiǎn)單。

CSS是通過(guò)對(duì)頁(yè)面結(jié)構(gòu)的風(fēng)格控制的思想，控制整個(gè)頁(yè)面的風(fēng)格的。

式樣單放在頁(yè)面中，通過(guò)瀏覽器的解釋執(zhí)行，是完全的文本，任何懂得HTML的人都可以掌握，非常的容易。生殖對(duì)一些非常老的瀏覽器，頁(yè)不會(huì)產(chǎn)生頁(yè)面混亂的現(xiàn)象。

分享文章：css樣式編程,CSS樣式代碼
本文網(wǎng)址：http://www.rwnh.cn/article30/dsdjeso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、品牌網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、搜索引擎優(yōu)化、定制開(kāi)發(fā)、網(wǎng)站設(shè)計(jì)

廣告

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