Dreamweaver CS3網頁制作之CSS布局規則

CSS文件的鏈接方式

·附加鏈接:外部CSS文件

·導入CSS:常用應用多個CSS文件時,將多個CSS導入一個CSS文件中

CSS規則定義有三種:

1)類比如“.RedText”、“.BlueText”和“.BigText”等等

2)標簽針對原有HTML標簽做的重新CSS定義

3)高級僞類、定義了ID的元素,以及綜合性定義

CSS規則的應用

·只有“類”樣式才需要應用,class=”xxxx”。任何元素都可以應用類。

·class與id的區別

·標簽應用一般對于“body”標簽一次性使用,對于諸如“li”、“td”等在頁面中重複性比較大的標簽不推薦定義。

·高級多運用,定義“#id li”比定義“li”要好得多。

CSS規則的執行順序

·按照CSS代碼的執行先後順序

·如果有重複的規則,按照後執行的定義

·最終規則是多個定義規則的綜合

重點:高級規則定義

1.對于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)

2.一頁中的多種超級鏈接樣式定義

3.多個相同規則不同對象的CSS共同定義

4.對于同一對象定義的多種CSS方式考慮哪種更科學(擴展性和代碼精簡性)

Dreamweaver網頁制作教程:窗口布局
窗口布局   Dreamweaver MX 2004 提供了將全部元素置于一個窗口中的集成工作區。在集成工作區中,全部窗口和面板集成在一個應用程序窗口中。您可以選擇面向設計人員的布局或面向手工編碼人員需求的布局。首次啓動 ...查看完整版>>Dreamweaver網頁制作教程:窗口布局
 
Dreamweaver 4 中用CSS樣式表來美化網頁
  樣式表單的出現,使網頁設計師們的工作感到大爲輕松,因爲用樣式表單可以很輕松的在網頁上實現很多效果,例如鏈結的顔色,按鈕的樣式,表單的邊框等。使網頁裏不再是一成不變的使用軟件默認的字體等。  首先我...查看完整版>>Dreamweaver 4 中用CSS樣式表來美化網頁
 
Dreamweaver使用CSS樣式表設置網頁
Dreamweaver使用CSS樣式表設置網頁
  本文章介紹如何在 Dreamweaver 中使用層疊樣式表 (CSS) 設置頁面中的文本格式。您可以使用 CSS 以 HTML 無法提供的方式來設置文本格式和定位文本,從而能更加靈活自如地控制頁面的外觀。  了解 CSS  層疊樣式...查看完整版>>Dreamweaver使用CSS樣式表設置網頁
 
實例詳解CSS網頁布局原理
  DIV+CSS布局  用CSS來布局很容易。如果你已經習慣用表格布局的話,起先會感覺比較困難。其實不難,只不過動機不同,並且在實踐中更有意義。  你可以把這一頁面的各個部分當作獨立的版塊來看待,無論你選擇哪...查看完整版>>實例詳解CSS網頁布局原理
 
DIV+CSS網頁布局入門
  你正在學習CSS布局嗎?是不是還不能完全掌握純CSS布局?通常有兩種情況阻礙你的學習:  第一種可能是你還沒有理解CSS處理頁面的原理。在你考慮你的頁面整體表現效果前,你應當先考慮內容的語義和結構,然後再針...查看完整版>>DIV+CSS網頁布局入門
 
學習CSS制作網頁菜單舉一反三
舉一:運行代碼框<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN...查看完整版>>學習CSS制作網頁菜單舉一反三
 
Dreamweaver輕松制作網頁反饋表單-Dreamweaver
Dreamweaver輕松制作網頁反饋表單-Dreamweaver
  本文介紹制作客戶反饋表單的過程。主要內容是使用表格設計表單結構和設置form參數。   1.將插入點放在希望表單出現的位置。選擇“插入”“表單”,或選擇“插入”欄上的“表單”類別,然後單擊“表單”圖標。 ...查看完整版>>Dreamweaver輕松制作網頁反饋表單-Dreamweaver
 
巧用Dreamweaver輕松制作網頁頁內連接
巧用Dreamweaver輕松制作網頁頁內連接
  在網頁制作中我們經常會遇到有時需要制作頁內連接的情況,比如首先列出一個目錄,然後後面內容是按目錄列出的,我們需要實現的是當點擊目錄中的一項時,直接轉到內容頁面。   首先把光標定位到要連接的內容頁面...查看完整版>>巧用Dreamweaver輕松制作網頁頁內連接
 
Dreamweaver制作網頁相冊
  ▲快速創建自己的相簿   隨著pc時代的到來,我們在互聯網上往往都擁有自己的家??個人主頁,于是一些人就想把自己或者親戚朋友的一些優美的照片放到上面以供親戚朋友觀賞。用傳統的做法可以將這些圖片做成兩類,...查看完整版>>Dreamweaver制作網頁相冊
 
 
回到王朝網路移動版首頁