CSS樣式的簡單概述
CSS技術在網頁中主要用于布局和美化,與XHTML的有機結合可以使Web更加結構化、標準化。作為最重要的網頁布局與美化工具之一,CSS在近年普及得非常迅速。國內幾乎所有的大型商業(yè)網站都在使用CSS來為網頁布局,并對網頁的各種對象進行美化設計。
CSS (Cascading Style Sheet,層疊樣式表)是一種用于網頁設計的、無需編譯的、由網頁瀏覽器直接解析的標記語言。在網頁中,CSS的作用是對XHTML中的對象進行描述和定義,并通過這些描述和定義,控制網頁中的對象以及網頁整體樣式。
Dreamweaver擁有強大的CSS編輯功能。在Dreamweaver中編輯CSS,需要使用到CSS面板。通過CSS面板,可以為網頁添加、刪除、編輯CSS樣式代碼。
在Dreamweaver中執(zhí)行[窗口]|[CSS樣式I命令(或按Shift+F11組合鍵),即可打開CSS面板。該面板分為兩個部分,即所有規(guī)則部分和樣式屬性部分。所有規(guī)則部分顯示當前網頁中的所有CSS樣式,而樣式屬性部分則列出當前選擇的Css樣式定義了哪些屬性,如圖4-1所示。
在CSS面板中,可以通過一些按鈕來對網頁的Css規(guī)則進行操作,如表4-1所示。
使用Dreamweaver為網頁創(chuàng)建Css規(guī)則,可以單擊【新建CSS規(guī)則】按鈕,在彈出的【新建CSS規(guī)則】對話框中設置新CSS規(guī)則的基本參數(shù),如圖4-2所示。
在該對話框中,可以創(chuàng)建不同類型的CSS樣式。其中,對話框中詳細參數(shù)的介紹如表4-2所示。
如果使用【新建CSS規(guī)則】對話框創(chuàng)建外部CSS樣式,Dreamweaver將提示保存外部CSS鏈接文件。并在保存該文件后將其自動打開,以提供給網頁設計者進行編輯。
CSS是一種非常重要的網頁設計工具。目前,幾乎所有的網頁設計都離不開CSS.因此,在設計網頁前有必要了解CSS的基本語法及其結構。
CSS的語句結構非常簡單,每段CSS代碼由兩個部分組成,即選擇器(Selector)
和聲明(Declaration)。聲明又包括屬性以及屬性值兩部分,這兩部分必須寫在大括號“{}”內。Css代碼書寫格式如下所示。
推薦新聞
更多行業(yè)-
集約化網站建設發(fā)展趨勢有哪些?
對不少企業(yè)來說,通過信息化來解決企業(yè)生存發(fā)展中遇到的各種問題,比如信息...
2018-06-12 -
電商不想讓你知道的8件事
1.“缺貨的真正原因”芝加哥的居民安德魯,在百...
2012-02-03 -
網站設計制作過程中應注意的問題
在網站設計或制作過程中,大家可能會非常重視網頁設計的是不是漂亮,是不是...
2014-08-13 -
網站logo的制作標準
草根站長越來越多,大家的網站logo制作多數(shù)很隨意,先不說美觀不美觀,...
2013-05-22 -
濟南網站設計中快速建站經驗介紹這些地方極為重要
快速建網站最重要的是什么?首先,你應該知道你的網站的目的是什么。成為一...
2021-07-14 -
網站設計公司怎樣設計網站?如何才能贏得客戶的喜歡?
網站設計公司在進行實際設計的過程當中,不僅僅要考慮到網站的整體,那個還...
2022-10-11
預約專業(yè)咨詢顧問溝通!
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前,請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡,涉及到的部分文章和圖片版權屬于原作者,本站轉載僅供大家學習和交流,切勿用于任何商業(yè)活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規(guī),當本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準。
4、如果侵害了您的合法權益,請您及時與我們,我們會在第一時間刪除相關內容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com