Web設(shè)計(jì)和開(kāi)發(fā)技術(shù)領(lǐng)域非?;稹钡?CSS
/DIV頁(yè)面的布局無(wú)疑是其中之一
CSs層疊樣式表( Cascading Style Sheet)是用于控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。
HLml是所有網(wǎng)頁(yè)制作的基礎(chǔ)。但是如果希望網(wǎng)頁(yè)能夠美觀、大方,并且升級(jí)方便,維護(hù)輕松HtmL是不夠的,CSS在這中間扮演看重要的角色。
編輯CSS樣式 利用屬性面板快捷操作
使用CSS樣式面板
手動(dòng)輸入代碼
?
背景、區(qū)塊、方框與邊框樣式
選擇器的復(fù)合聲明
在利用CSS選擇器控制Html標(biāo)記時(shí),除每個(gè)選擇器的屬性可以一次聲明多個(gè),選擇器本身也可以同時(shí)聲明多,并且任何形式的選擇器包括標(biāo)記選擇器、 cass類別選擇器、ID選擇器等都是合法的
CSS的嵌套與繼承
繼承,簡(jiǎn)單的說(shuō)就是將各個(gè)HIL標(biāo)記看作一個(gè)個(gè)容器器,其中被包含的小容器會(huì)繼承所包含它的大容器的風(fēng)格樣式。我們?cè)谶@里從頁(yè)面各個(gè)標(biāo)記的父子關(guān)系出發(fā),講解CSS的繼承。
應(yīng)用CSS到網(wǎng)頁(yè)中
希望使用CSS對(duì)頁(yè)面進(jìn)行全方位的控制。主要介紹如何使用CSs控制頁(yè)面,以及其控制頁(yè)面的各種方法,包括行內(nèi)樣式、內(nèi)嵌式、鏈接式、導(dǎo)入式等。
?? 內(nèi)式(寫在head頭部信息中)
行內(nèi)樣式(寫到html標(biāo)記里面)
鏈接式(適合多個(gè)頁(yè)面使用)
導(dǎo)入樣式
?優(yōu)先級(jí):行內(nèi)樣式》內(nèi)嵌式》鏈接式
? 但行內(nèi)樣式盡量少用,不方便
?
?
?
?
?
?
CSS使用技巧
CSS禁用/啟用:允許您直接從CSS樣式面板禁用和重新啟用CSS屬性。禁用用CSS屬性只
會(huì)取消指定屬性的注釋,而不會(huì)實(shí)際刪除該屬性。
2)CSS檢查:允許以可視化方式詳細(xì)顯示CSS框模型屬性,包括填充、邊框和邊距,無(wú)需讀
取代碼,也不需要獨(dú)立的第三方實(shí)用程序(如 Firebug)。
3)測(cè)覽器兼容性測(cè)式:由于不同的瀏覽器對(duì)CSS樣式標(biāo)準(zhǔn)的執(zhí)行情況不一樣,會(huì)導(dǎo)致同樣的網(wǎng)頁(yè)在不同的瀏覽器中顯示的差異性。
?
DTV+Css網(wǎng)頁(yè)排版具有利于SEO和網(wǎng)頁(yè)打開(kāi)速度更快的優(yōu)點(diǎn),然而測(cè)覽器兼容一直困統(tǒng)著許多從事DTV+Css網(wǎng)頁(yè)排版的美工人員,
設(shè)計(jì)時(shí)主要要兼顧IE系列瀏覽器(1e6、ie7、ie8)、火孤測(cè)覽器
?
?
?
?
?
?
?
?
?
?