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