在早期的Web
網(wǎng)站建設(shè)中,網(wǎng)頁完余由一些簡(jiǎn)單排版的文本和圖像組成,HTML語言允許使用一些描述性的標(biāo)簽來對(duì)網(wǎng)頁進(jìn)行美化設(shè)計(jì)。然而隨著網(wǎng)頁技術(shù)的發(fā)展,簡(jiǎn)單的HTML標(biāo)簽己不能滿足人們對(duì)網(wǎng)頁美觀的要求。于是,W3C制訂了Css的技術(shù)規(guī)范,希望通過CSS來幫助網(wǎng)頁設(shè)計(jì)師們?cè)O(shè)計(jì)出各種精美的網(wǎng)頁。
CSS技術(shù)在網(wǎng)頁中主要用于布局和美化,與XHTML的有機(jī)結(jié)合可以使Web更加結(jié)構(gòu)化、標(biāo)準(zhǔn)化。作為最重要的網(wǎng)頁布局與美化工具之一,CSS在近年普及得非常迅速。國(guó)內(nèi)幾乎所有的大型商業(yè)網(wǎng)站都在使用CSS來為網(wǎng)頁布局,并對(duì)網(wǎng)頁的各種對(duì)象進(jìn)行美化設(shè)計(jì)。
CSS (Cascading Style Sheet,層疊樣式表)是一種用于
網(wǎng)頁設(shè)計(jì)的、無需編譯的、由網(wǎng)頁瀏覽器直接解析的標(biāo)記語言。在網(wǎng)頁中,CSS的作用是對(duì)XHTML中的對(duì)象進(jìn)行描述和定義,并通過這些描述和定義,控制網(wǎng)頁中的對(duì)象以及網(wǎng)頁整體樣式。
Dreamweaver擁有強(qiáng)大的CSS編輯功能。在Dreamweaver中編輯CSS,需要使用到CSS面板。通過CSS面板,可以為網(wǎng)頁添加、刪除、編輯CSS樣式代碼。
在Dreamweaver中執(zhí)行[窗口]|[CSS樣式I命令(或按Shift+F11組合鍵),即可打開CSS面板。該面板分為兩個(gè)部分,即所有規(guī)則部分和樣式屬性部分。所有規(guī)則部分顯示當(dāng)前網(wǎng)頁中的所有CSS樣式,而樣式屬性部分則列出當(dāng)前選擇的Css樣式定義了哪些屬性,如圖4-1所示。
在CSS面板中,可以通過一些按鈕來對(duì)網(wǎng)頁的Css規(guī)則進(jìn)行操作,如表4-1所示。
使用Dreamweaver為網(wǎng)頁創(chuàng)建Css規(guī)則,可以單擊【新建CSS規(guī)則】按鈕,在彈出的【新建CSS規(guī)則】對(duì)話框中設(shè)置新CSS規(guī)則的基本參數(shù),如圖4-2所示。
在該對(duì)話框中,可以創(chuàng)建不同類型的CSS樣式。其中,對(duì)話框中詳細(xì)參數(shù)的介紹如表4-2所示。
如果使用【新建CSS規(guī)則】對(duì)話框創(chuàng)建外部CSS樣式,Dreamweaver將提示保存外部CSS鏈接文件。并在保存該文件后將其自動(dòng)打開,以提供給網(wǎng)頁設(shè)計(jì)者進(jìn)行編輯。
CSS是一種非常重要的網(wǎng)頁設(shè)計(jì)工具。目前,幾乎所有的
網(wǎng)頁設(shè)計(jì)都離不開CSS.因此,在設(shè)計(jì)網(wǎng)頁前有必要了解CSS的基本語法及其結(jié)構(gòu)。
CSS的語句結(jié)構(gòu)非常簡(jiǎn)單,每段CSS代碼由兩個(gè)部分組成,即選擇器(Selector)
和聲明(Declaration)。聲明又包括屬性以及屬性值兩部分,這兩部分必須寫在大括號(hào)“{}”內(nèi)。Css代碼書寫格式如下所示。
標(biāo)題名稱:CSS樣式的簡(jiǎn)單概述
文章URL:http://www.rwnh.cn/news/230762.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、網(wǎng)站收錄、ChatGPT、營(yíng)銷型網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、企業(yè)建站
廣告
聲明:本網(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í)需注明來源:
創(chuàng)新互聯(lián)