Dreamweaver CS5CSS樣式表的應(yīng)用與翻譯

Dreamweaver CS5 CSS樣式表的應(yīng)用與中文翻譯如果說(shuō)目前在Web設(shè)計(jì)和開(kāi)發(fā)技術(shù)領(lǐng)域，什么是非?！盎稹钡男录夹g(shù)，CSS/DIV頁(yè)面的布局無(wú)疑是其中之一1CSS的概念 CSS（Cascading Style Sheet），中文譯為層疊樣式表，是用于控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。從CSS對(duì)標(biāo)記的控制入手，講解CSS的初步知識(shí)以及編輯方法。希望大家能夠掌握下一面幾個(gè)方面的內(nèi)容： 標(biāo)記的概念 傳統(tǒng)HTML的缺點(diǎn) CSS的引入 特點(diǎn)：1） 靈活控制網(wǎng)頁(yè)中的每個(gè)元素的樣式 2） 把內(nèi)容和格式處理相分離，提高工作效率注：CSS是1996年由W3C審核通過(guò)，并且推薦使用的。簡(jiǎn)單的說(shuō)CSS的引入就是為了使得HTML能夠更好的適應(yīng)頁(yè)面的美工設(shè)計(jì)。它以HTML為基礎(chǔ)，提供了豐富的格式化功能，如字體、顏色、背景、整體排版等等，并且網(wǎng)頁(yè)設(shè)計(jì)者可以針對(duì)各種可視化瀏覽器設(shè)置不同的樣式風(fēng)格，包括顯示器、打印機(jī)、打字機(jī)、投影儀、PDA等等。CSS的引入隨即引發(fā)了網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)又一個(gè)新高潮，使用CSS設(shè)計(jì)的優(yōu)秀頁(yè)面層出不窮。如何編輯CSS樣式1) 屬性面板快捷操作2）使用CSS樣式面板A管理CSS規(guī)則按鈕（添加按鈕、鏈接按鈕、修改按鈕、刪除按鈕）B顯示規(guī)則列表（顯示全部元素的樣式、顯示當(dāng)前編輯元素的樣式）C顯示所選規(guī)制屬性D查看CSS屬性視圖按鈕（分類(lèi)、按字母排列、顯示設(shè)置）3）手工輸入代碼3.CSS選擇器 標(biāo)記選擇器 （對(duì)標(biāo)記起作用）類(lèi)別選擇器 ID選擇器 所有瀏覽器都支持 vertical-align 屬性?？赡艿闹抵得枋鯾aseline默認(rèn)。元素放置在父元素的基線上。sub垂直對(duì)齊文本的下標(biāo)。 H20super垂直對(duì)齊文本的上標(biāo) 52=25top把元素的頂端與行中最高元素的頂端對(duì)齊text-top把元素的頂端與父元素字體的頂端對(duì)齊middle把此元素放置在父元素的中部。bottom把元素的頂端與行中最低的元素的頂端對(duì)齊。text-bottom把元素的底端與父元素字體的底端對(duì)齊。length長(zhǎng)度單位與基線的位移數(shù)值%使用 line-height 屬性的百分比值來(lái)排列此元素。允許使用負(fù)值。inherit規(guī)定應(yīng)該從父元素繼承 vertical-align 屬性的值。/css/css_reference.asp7）設(shè)置鏈接樣式超級(jí)鏈接的4種狀態(tài)a:link 超鏈接默認(rèn)狀態(tài)a:visited 已經(jīng)瀏覽過(guò)的鏈接a:hover 鼠標(biāo)經(jīng)過(guò)時(shí)a:active 點(diǎn)擊鏈接時(shí)鼠標(biāo)經(jīng)過(guò)時(shí)背景顏色為：#33FF99 使用樣式表的濾鏡，對(duì)圖片增加效果。filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=0, StartY=0, FinishX=300, FinishY=240);height: 300px;width: 660px;Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)Opacity：透明度級(jí)別，范圍是0-100，0代表完全透明，100代表完全不透明。FinishOpacity：設(shè)置漸變的透明效果時(shí)，用來(lái)指定結(jié)束時(shí)的透明度，范圍也是0 到 100。Style：設(shè)置漸變透明的樣式，值為0代表統(tǒng)一形狀、1代表線形、2代表放射狀、3代表長(zhǎng)方形。StartX和StartY：代表漸變透明效果的開(kāi)始X和Y坐標(biāo)。FinishX和FinishY：代表漸變透明效果結(jié)束X和Y 的坐標(biāo)。9. CSS使用技巧1）CSS 禁用/啟用CSS 禁用/啟用允許您直接從 CSS 樣式面板禁用和重新啟用 CSS 屬性。禁用 CSS 屬性只會(huì)取消指定屬性的注釋，而不會(huì)實(shí)際刪除該屬性。2）CSS 檢查檢查模式允許您以可視化方式詳細(xì)顯示 CSS 框模型屬性，包括填充、邊框和邊距，無(wú)需讀取代碼，也不需要獨(dú)立的第三方實(shí)用程序（如 Firebug）。3）瀏覽器兼容性測(cè)試由于不同的瀏覽器對(duì)CSS樣式標(biāo)準(zhǔn)的執(zhí)行情況不