Dreamweaver CS3中布局的示例分析

發(fā)布時間：2021-10-18 10:49:58 來源：億速云閱讀：123 作者：小新欄目：互聯(lián)網(wǎng)科技

小編給大家分享一下Dreamweaver CS3中布局的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

一、CSS規(guī)則定義之“類型”
類型主要針對文本屬性進行定義。理解“編輯字體列表”和“行高”。
Dreamweaver CS3中布局的示例分析
二、CSS規(guī)則定義之“背景”
·背景有背景顏色和背景圖像的選擇設(shè)置。
·利于背景圖像的“重復(fù)”可進行“網(wǎng)頁背景”、“橫向菜單”和“縱向分欄”等的特效。
·利于背景圖像的水平、垂直對齊位置可以設(shè)置頁面效果。
Dreamweaver CS3中布局的示例分析

三、CSS規(guī)則之“區(qū)塊”
文字縮進與背景圖像的結(jié)合案例：如何顯示新聞列表新聞標題前的箭頭（背景圖像區(qū)塊縮進）

四、CSS規(guī)則之“邊框”
自行定義邊框樣式、顏色和寬度。
Dreamweaver CS3中布局的示例分析

五、CSS規(guī)則之“方框”
熟悉“填充”和“邊界”。尤其是在進行WEB標準網(wǎng)頁設(shè)計時需要把該值納入元素的總長度值。

同時舉例說明圖像的邊框同樣可以使用背景圖像來修飾
Dreamweaver CS3中布局的示例分析
六、CSS規(guī)則之“列表”
選擇列表的類型和設(shè)置項目列表的項目符號
項目符號圖像的選擇以及位置的“內(nèi)、外”的顯示區(qū)別