DreamweaverCS3中的CSS布局規(guī)則_Div+CSS教程
雖然Mb5u.com一直建議大家不用Dreamweaver可視化編輯的方式進行CSS網(wǎng)頁布局,但依然很多朋友在使用。建立您可以使用DW的代碼編輯器進行CSS代碼的編寫。今天向大家介紹Dreamweaver CS3網(wǎng)頁制作中的CSS布局規(guī)則 。
CSS文件的鏈接方式
·附加鏈接:外部CSS文件
·導(dǎo)入CSS:常用應(yīng)用多個CSS文件時,將多個CSS導(dǎo)入一個CSS文件中
CSS規(guī)則定義有三種
·類比如“.RedText”、“.BlueText”和“.BigText”等等
·標簽針對原有HTML標簽做的重新CSS定義
·高級偽類、定義了ID的元素,以及綜合性定義
CSS規(guī)則的應(yīng)用
·只有“類”樣式才需要應(yīng)用,class=”xxxx”。任何元素都可以應(yīng)用類。
·class與id的區(qū)別
·標簽應(yīng)用一般對于“body”標簽一次性使用,對于諸如“li”、“td”等在頁面中重復(fù)性比較大的標簽不推薦定義。
·高級多運用,定義“#id li”比定義“li”要好得多。
CSS規(guī)則的執(zhí)行順序
·按照CSS代碼的執(zhí)行先后順序
·如果有重復(fù)的規(guī)則,按照后執(zhí)行的定義
·最終規(guī)則是多個定義規(guī)則的綜合
重點:高級規(guī)則定義
·對于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)
·一頁中的多種超級鏈接樣式定義
·多個相同規(guī)則不同對象的CSS共同定義
·對于同一對象定義的多種CSS方式考慮哪種更科學(xué)(擴展性和代碼精簡性)
- DIV+CSS設(shè)計的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對聯(lián)廣告不隨屏幕滾動的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級元素和內(nèi)聯(lián)元素
- 5個你該知道的CSS3新技術(shù)
- 用正則表達式替換a標記href值
- 30個優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
猜你也喜歡看這些
- CSS去除表格td默認間距及制作1px細線表格
- CSS基礎(chǔ)實例:CSS實現(xiàn)帶背景圖片的文字鏈接的方法
- CSS實例:如何讓無空格的長字符在IE和FF下面實現(xiàn)自動換行?
- CSS實例:區(qū)分IE6、IE7、FF對HR解釋的CSShack
- DIVCSS布局實例:各種2欄3欄布局實例(附下載)
- CSSFloatLayoutBasics-CSS浮動布局基礎(chǔ)
- DivCSS實例:CSS菜單Flash效果用圖片模擬實現(xiàn)
- 實現(xiàn)三列布局相同高度的解決辦法
- CSS布局教程:如何用CSS構(gòu)建圖片、文字混排的產(chǎn)品展示?
- CSS布局教程:用DIV CSS實現(xiàn)國內(nèi)經(jīng)典式三行兩列布局
- 相關(guān)鏈接:
- 教程說明:
Div+CSS教程-DreamweaverCS3中的CSS布局規(guī)則
。