Dreamweaver編寫CSS需要掌握的技巧

在DreamWeaver中編寫CSS，這種編寫習(xí)慣并不提倡，不過(guò)因?yàn)椤翱梢暬焙筒僮骱?jiǎn)便，使用的同伙依然許多，今天羅列一些“好佳習(xí)慣”，希望對(duì)這些同伙有所幫助。

CSS正在改變網(wǎng)站設(shè)計(jì)的進(jìn)程。為迎合賡續(xù)增加的傾向于CSS的設(shè)計(jì)人員的需求，Macromedia DW MX引進(jìn)了一些新的及改善過(guò)的CSS相關(guān)的特征。有了這些新的特征，你可以為未來(lái)的更新作好計(jì)劃，開發(fā)與W3C標(biāo)準(zhǔn)更加兼容的站點(diǎn)。本文討論在DW MX中使用CSS以及凸起某一特定CSS特征時(shí)的一些建議。

一般地講，樣式表(style sheet)就是控制網(wǎng)頁(yè)內(nèi)容外觀的格式化的規(guī)則的薈萃?？梢砸匀N不同的體例在你的頁(yè)面中使用CSS：

代碼式(Inline)：寫入到代碼中的一次性的樣式。

內(nèi)嵌式(Embedded)：可控制一個(gè)頁(yè)面中所有元素的樣式表

外聯(lián)式(External)：可控制許多頁(yè)面中的元素的樣式表

事實(shí)上，許多站點(diǎn)都根據(jù)需要把這三種體例結(jié)合起來(lái)使用。

在使用CSS時(shí)一個(gè)需要重點(diǎn)考慮的事實(shí)是不同的瀏覽器以及統(tǒng)一瀏覽器的不同版本以不同的體例來(lái)解析CSS。除了網(wǎng)絡(luò)瀏覽器的差異之外，你還要意識(shí)到還有許多其他的瀏覽器，比如聽力瀏覽器，基于電視的瀏覽器以及Palm pilot和TTY(teletypewriter，遠(yuǎn)程打字機(jī))一類的手持設(shè)備。

好佳習(xí)慣是指什么?

大多數(shù)技術(shù)都有自己約定俗成的標(biāo)準(zhǔn)。CSS也不例外。雖然并非網(wǎng)絡(luò)上存在的所有CSS都很規(guī)范，但按照現(xiàn)有標(biāo)準(zhǔn)來(lái)使用CSS卻照舊不無(wú)裨益的。一般來(lái)說(shuō)，開發(fā)人員應(yīng)盡可能將內(nèi)容與報(bào)告星散開來(lái)。這樣做的益處在于：

1：增添站點(diǎn)的壽命

不規(guī)范的樣式表可能在當(dāng)時(shí)覺(jué)得很方便，但新版本的瀏覽器出來(lái)以后，很可能就會(huì)出現(xiàn)兼容性問(wèn)題。到時(shí)逐頁(yè)修改站點(diǎn)就是一項(xiàng)特別很是費(fèi)時(shí)的工作同時(shí)也使使用CSS失去了意義。

2：讓你的站點(diǎn)對(duì)所有的用戶以及瀏覽器都適用。

有些地方的政府已經(jīng)立法要求網(wǎng)站必須讓殘障人士也同樣可以瀏覽。為殘障熟悉設(shè)計(jì)的瀏覽設(shè)備，比如聽力瀏覽器，對(duì)CSS規(guī)范性要求極其嚴(yán)酷。

3：讓站點(diǎn)更新和維護(hù)更加輕松。

使用體例得當(dāng)?shù)脑?，CSS可讓你在一個(gè)頁(yè)面中的調(diào)整快速應(yīng)用到所有頁(yè)面中去。

你首先要做的選擇是使用哪一種樣式表。當(dāng)涉及到好佳習(xí)慣時(shí)，對(duì)不同樣式表的分析如下：

Inline CSS;簡(jiǎn)單地說(shuō)，你應(yīng)該盡量避免使用。除了一些其他的瑕玷之外，使用Inline CSS意味著你并沒(méi)有行使到CSS的真正優(yōu)點(diǎn)，即你并沒(méi)有將內(nèi)容與格式星散開。DW MX使用Inline CSS主要是為了定位頁(yè)面元素(這些元素在DW MX的用戶界面中稱為“層(layer)”)，或者為了使用某個(gè)DHTML，它需要使用Inline 樣式的javascript來(lái)改變一個(gè)對(duì)象的屬性。

Embedded CSS：它也不是好理想的，因?yàn)樗荒軐?duì)當(dāng)前頁(yè)面施加影響。在更新的過(guò)程中，假如某一個(gè)頁(yè)面丟失，將會(huì)使站點(diǎn)的風(fēng)格不一致;另外，當(dāng)用戶瀏覽你的站點(diǎn)時(shí)，每一頁(yè)都要下載一次樣式表信息。

External CSS：這是你的選擇。External CSS可以讓所有連接到它的頁(yè)面保持一致的外觀風(fēng)格;提綱挈領(lǐng)，更改一次，輕松更新所有相關(guān)頁(yè)面;讓你的頁(yè)面體積更小，瀏覽速度更快。其他的一些好佳習(xí)慣將在下文分析具體的CSS特征時(shí)提及。

網(wǎng)站名稱：Dreamweaver編寫CSS需要掌握的技巧
標(biāo)題網(wǎng)址：http://www.bm7419.com/news48/283098.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站內(nèi)鏈、網(wǎng)站策劃

廣告

聲明：本網(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)