網(wǎng)站制作教程模板無憂>建站教程>網(wǎng)站制作教程>Dreamweaver教程>

Dreamweaver 入門：使用CSS設(shè)置頁面格式(2)_Dreamweaver教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

　　內(nèi)聯(lián)樣式是在 HTML 文檔中的特定標(biāo)簽實(shí)例中定義的。例如，<p style="font-size: 9px"> 僅對用含有內(nèi)聯(lián)樣式的標(biāo)簽設(shè)置了格式的段落定義字體大小。

　　Dreamweaver 會呈現(xiàn)您所應(yīng)用的大多數(shù)樣式屬性并在"文檔"窗口中顯示它們。您也可以在瀏覽器窗口中預(yù)覽文檔以查看樣式的應(yīng)用情況。有些 CSS 樣式屬性在 Microsoft Internet Explorer、Netscape Navigator、Opera 和 Apple Safari 中呈現(xiàn)的外觀不相同。

　　選擇"文件">"新建"。

　　在"新建文檔"對話框中的"類別"列中選擇"基本頁"，在"基本頁"列中選擇"CSS"，然后單擊"創(chuàng)建"。

　　空白樣式表將出現(xiàn)在"文檔"窗口中。"設(shè)計(jì)"視圖和"代碼"視圖按鈕已被禁用。CSS 樣式表是純文本文件，其內(nèi)容將不會用于在瀏覽器中查看。

　　將該頁保存("文件">"保存")為 cafe_townsend.css。

　　保存樣式表時，請確保將其保存到 cafe_townsend folder 文件夾(您的 Web 站點(diǎn)的根文件夾)中。

　　在樣式表中鍵入以下代碼:

　　p{
　　font-family: Verdana, sans-serif;
　　font-size: 11px;
　　color: #000000;
　　line-height: 18px;
　　padding: 3px;
　　}

　　當(dāng)您鍵入代碼時，Dreamweaver 將使用代碼提示為您建議一些選項(xiàng)，以幫您完成輸入。當(dāng)看到希望 Dreamweaver 為您完成鍵入的代碼時，請按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。

　　不要忘記在每行結(jié)尾處的屬性值后面加上一個分號。

　　完成后的代碼類似于下面的示例:

　　若要顯示該指南，請選擇"幫助">"參考"，然后從"參考"面板的彈出式菜單中選擇"O'Reilly CSS 參考"。保存樣式表。

　　附加樣式表

　　當(dāng)您將樣式表附加到 Web 頁面中時，在樣式表中定義的規(guī)則將應(yīng)用到頁面上的相應(yīng)元素。例如，當(dāng)您將 cafe_townsend.css 樣式表附加到 index.html 頁時，將根據(jù)您定義的 CSS 規(guī)則設(shè)置所有段落文本(用 HTML 代碼中的標(biāo)簽設(shè)置格式的文本)的格式。

　　在"文檔"窗口中，打開 Cafe Townsend 的 index.html 文件。(假如該文件已打開，則請單擊它的選項(xiàng)卡。)

　　選擇在教程:向頁面添加內(nèi)容中粘貼到頁面中的第一段文本。