在Dreamweaver中寫CSS,這種寫作習(xí)慣是不提倡的,但由于可視化和操作簡(jiǎn)單,朋友的使用仍然很多,今天列出了一些最好的習(xí)慣,希望能幫助這些朋友。
CSS正在改變Web設(shè)計(jì)的過(guò)程,為了滿足面向CSS的設(shè)計(jì)者不斷增長(zhǎng)的需求,Macromedia DWMX引入了一些新的和改進(jìn)的CSS相關(guān)特性。這些新特性可以為未來(lái)的更新計(jì)劃和開(kāi)發(fā)更符合W3C標(biāo)準(zhǔn)的站點(diǎn)。討論了在DW MX中使用CSS并突出顯示特定的CSS特征的一些建議。
一般來(lái)說(shuō),樣式表是控制Web內(nèi)容外觀的格式化規(guī)則的集合。您可以以不同的方式在三頁(yè)中使用CSS:
使用CSS時(shí)要考慮的一個(gè)重要問(wèn)題是,不同瀏覽器和不同版本的瀏覽器以不同的方式解析CSS。除了Web瀏覽器的差異之外,您還必須認(rèn)識(shí)到還有許多其他瀏覽器,如聽(tīng)瀏覽器、基于電視的瀏覽器,以及手持設(shè)備,如掌上電腦和TTY(電傳打字機(jī)、遠(yuǎn)程打字機(jī))。
大多數(shù)技術(shù)都有自己的標(biāo)準(zhǔn),CSS也不例外,雖然網(wǎng)絡(luò)上所有的CSS都是標(biāo)準(zhǔn)的,但是根據(jù)現(xiàn)有的標(biāo)準(zhǔn)使用CSS仍然是有益的。這樣做的好處是:
非標(biāo)準(zhǔn)樣式表在當(dāng)時(shí)可能是方便的,但是當(dāng)新版本的瀏覽器出現(xiàn)時(shí),兼容性問(wèn)題很可能會(huì)出現(xiàn)。這是一個(gè)非常耗時(shí)的工作,同時(shí)修改網(wǎng)頁(yè)的同時(shí),也使得CSS的使用變得毫無(wú)意義。
在一些地方,政府已經(jīng)立法,網(wǎng)站也必須允許殘疾人瀏覽相同的方式。瀏覽設(shè)備為殘疾人,如聽(tīng)瀏覽器,是非常嚴(yán)格的CSS規(guī)范。
你需要做的第一件事是選擇使用哪種樣式表。當(dāng)涉及到最佳習(xí)慣時(shí),對(duì)不同樣式表的分析如下:
簡(jiǎn)而言之,你應(yīng)該盡量避免使用它。在其他缺點(diǎn)中,使用內(nèi)聯(lián)CSS意味著你不利用CSS的真正好處,也就是說(shuō),你不把內(nèi)容與格式化分開(kāi)。DW MX使用內(nèi)聯(lián)CSS來(lái)定位頁(yè)面元素(這些元素被稱為層)。(層)在DW MX的用戶界面中,或者使用DHTML特殊效果,這需要使用內(nèi)聯(lián)樣式和選項(xiàng)卡10, 6來(lái)改變對(duì)象的屬性。
嵌入式CSS:這是不理想的,因?yàn)樗荒苡绊懏?dāng)前頁(yè)面。在更新過(guò)程中,如果一個(gè)頁(yè)面丟失,站點(diǎn)的風(fēng)格將不一致;此外,當(dāng)用戶瀏覽您的站點(diǎn)時(shí),每個(gè)頁(yè)面都會(huì)下載樣式表信息。
外部CSS:這是您的第一選擇。外部CSS可以保持所有頁(yè)面以一致的方式連接到它的頁(yè)面;繪制、更改一次,輕松更新所有相關(guān)頁(yè)面;使您的頁(yè)面更小和更快。在下面的特定CSS分析中會(huì)提到其他最佳實(shí)踐。特點(diǎn)。
在DW MX(文本CSS樣式,新樣式表)中創(chuàng)建CSS樣式表時(shí),彈出對(duì)話框中有兩種選擇:新樣式表文檔(新式樣式表)和當(dāng)前頁(yè)面。當(dāng)您選擇新樣式表文件時(shí),開(kāi)始創(chuàng)建外部CSS的過(guò)程。您可以在實(shí)際創(chuàng)建過(guò)程之前命名樣式表,并為其選擇保存位置;另一個(gè)選項(xiàng)(僅此文檔)將直接將相關(guān)代碼寫入頁(yè)面的一部分。
還可以在新樣式(新樣式)對(duì)話框中選擇現(xiàn)有樣式表來(lái)編輯或添加新的定義。
在創(chuàng)建外部樣式表之后,需要將其附加到每個(gè)頁(yè)面(或模板)。為此,可以單擊CSS面板上的附加樣式表按鈕,彈出連接外部樣式表(鏈接外部樣式表)對(duì)話框,在該對(duì)話框上可以瀏覽目標(biāo)樣式的名稱。ESEHET,當(dāng)找到時(shí),您可以選擇可選連接(link)或?qū)耄▽?dǎo)入)。
連接是選擇鏈接樣式表到頁(yè)面的鏈接的最常用方式。它將添加以下標(biāo)簽到您的頁(yè)面。
支持CSS的所有瀏覽器都支持連接選項(xiàng)。如果您想使用一些舊的瀏覽器,例如Netscape 4。X,來(lái)查看樣式表,請(qǐng)使用下面的方法。
NETSSCAPE4完全忽略了導(dǎo)入的CSS,并根據(jù)連接的CSS解釋頁(yè)面。這樣,我們可以放心,我們可以使用CSS中的新功能,而不必?fù)?dān)心瀏覽器兼容性。
在DW MX的屬性檢查器中,您可以輕松切換到CSS模式。默認(rèn)情況下,屬性檢查器在原始HTML模式下顯示字體標(biāo)簽。單擊字體下拉菜單旁邊的小A,您可以看到當(dāng)前可用的CSS樣式表,而不是字體標(biāo)簽列表。
DW MX中一個(gè)令人興奮的CSS特性是它包含了已經(jīng)生成的CSS樣式表。CSS的新用戶可以首先體驗(yàn)它。選擇文件新,在彈出的新文檔對(duì)話框中選擇CSS樣式表,并且所有可用的CSS列表出現(xiàn)在正確的框中。最好的習(xí)慣,選擇一個(gè)標(biāo)志性的可訪問(wèn)性。
DWMX的這個(gè)特性允許您在設(shè)計(jì)視圖中工作時(shí),將樣式表應(yīng)用于頁(yè)面,使您更直觀地了解站點(diǎn)的外觀。設(shè)計(jì)時(shí)間樣式表不會(huì)出現(xiàn)在站點(diǎn)中。從我們的最佳習(xí)慣的角度來(lái)看,這種特性非常有用。如果您使用兩種方式同時(shí)導(dǎo)入和連接(如上文所述),一個(gè)額外的設(shè)計(jì)時(shí)間樣式表可以讓你使用其中任何一個(gè)來(lái)開(kāi)發(fā)一個(gè)站點(diǎn)。當(dāng)你想看到頁(yè)面在另一個(gè)樣式表中的樣子時(shí),你可以很容易地將它改為另一個(gè)樣式表。
設(shè)計(jì)時(shí)間樣式表對(duì)于想要將CSS應(yīng)用到服務(wù)器端的開(kāi)發(fā)人員(如ASP、PHP或CaldFIX)或?qū)νㄟ^(guò)客戶端訪問(wèn)客戶端的開(kāi)發(fā)人員來(lái)說(shuō)也是有用的。服務(wù)器端樣式表是處理客戶端瀏覽器對(duì)CSS的不良支持的另一種方式。這種版本的DW,不允許你看到CSS在設(shè)計(jì)階段的實(shí)際效果。設(shè)計(jì)時(shí)間樣式表讓你實(shí)時(shí)看到樣式表的效果,這樣你可以在DW MX中的可視化界面中工作。另一個(gè)優(yōu)點(diǎn)是,當(dāng)你上傳站點(diǎn)文件時(shí),你就不必去了。CK整個(gè)站點(diǎn)查找冗余樣式表。
無(wú)論您是創(chuàng)建自己的樣式表還是編輯現(xiàn)有的樣式表,驗(yàn)證確保您不濫用標(biāo)準(zhǔn)標(biāo)簽或不正確的代碼。DW MX本身不包含CSS驗(yàn)證器,您可以使用W3C站點(diǎn)提供的驗(yàn)證服務(wù)。在DWMX中,可以驗(yàn)證HTML或DHTML標(biāo)記(文件檢查PA)。當(dāng)開(kāi)發(fā)基于CSS的站點(diǎn)時(shí),DW MX提供了許多輔助工具。在MW MX的幫助下,加上對(duì)CSS的良好理解,您可以開(kāi)發(fā)一個(gè)能夠經(jīng)受時(shí)間考驗(yàn)的站點(diǎn)。
