国产综合精品-久久久久久成人毛片免费看-69久久夜色精品国产69-美国十次啦怡红院

Web前端知識

首頁 > 免費(fèi) > Web前端知識 >

XHTML+CSS基礎(chǔ)筆記

來源:北京匯仁智杰科技有限公司   時間:2016-11-15   點(diǎn)擊:

什么是W3C標(biāo)準(zhǔn)?

W3C標(biāo)準(zhǔn)不是一個標(biāo)準(zhǔn),而是一系列標(biāo)準(zhǔn)的集合,包含三部分的標(biāo)準(zhǔn):結(jié)構(gòu)標(biāo)準(zhǔn)、表現(xiàn)標(biāo)準(zhǔn)和動作標(biāo)準(zhǔn)。與結(jié)構(gòu)標(biāo)準(zhǔn)對應(yīng)的代表語言是xHTML,與表現(xiàn)標(biāo)準(zhǔn)對應(yīng)的代表語言是CSS,與動作標(biāo)準(zhǔn)對應(yīng)的代表語言是JavaScript。

當(dāng)我們將一個成品的網(wǎng)頁設(shè)計制作成一個靜態(tài)頁面的時候,就要符合前面兩種標(biāo)準(zhǔn),結(jié)構(gòu)標(biāo)準(zhǔn)和表現(xiàn)標(biāo)準(zhǔn),那么制作出來的頁面就是標(biāo)準(zhǔn)頁面,用他們相對應(yīng)的語言來描述這種制作標(biāo)準(zhǔn)頁面的技術(shù)我們就稱之為“xHTML+CSS”!

1)行內(nèi)樣式:

行內(nèi)樣式是4種樣式中最直接最簡單的一種,直接對HTML標(biāo)簽使用style="",例如:

1. <p style="color:#F00; background:#CCC; font-size:12px;"></p>
雖然這種方法比較直接,在制作頁面的時候需要為很多的標(biāo)簽設(shè)置style屬性,所以會導(dǎo)致HTML頁面不夠純凈,文件體積過大,不利于搜索蜘蛛爬行,從而導(dǎo)致后期維護(hù)成本高。

2)內(nèi)嵌樣式:

內(nèi)嵌樣式,大家也許已經(jīng)意識到,即使有公共CSS代碼,也是每個頁面都要定義的,如果一個網(wǎng)站有很多頁面,每個文件都會變大,后期維護(hù)難度也大,如果文件很少,CSS代碼也不多,這種樣式還是很不錯的。

3)鏈接樣式:

這種樣式將HTML文件和CSS文件徹底分成兩個或者多個文件,實現(xiàn)了頁面框架HTML代碼與表現(xiàn)CSS代碼的完全分離,使得前期制作和后期維護(hù)都十分方便,并且如果要保持頁面風(fēng)格統(tǒng)一,只需要把這些公共的CSS文件單獨(dú)保存成一個文件,其他的頁面就可以分別調(diào)用自身的CSS文件,如果需要改變網(wǎng)站風(fēng)格,只需要修改公共CSS文件就OK了,相當(dāng)?shù)姆奖?,這才是我們xHTML+CSS制作頁面提倡的樣式。

4)導(dǎo)入樣式

導(dǎo)入樣式和鏈接樣式比較相似,采用import樣式導(dǎo)入CSS樣式表,在HTML初始化時,會被導(dǎo)入到HTML文件中,成為文件的一部分,類似第二種內(nèi)嵌樣式。  具體導(dǎo)入樣式和鏈接樣式有什么區(qū)別,可以參看這篇文章《CSS:@import與link的具體區(qū)別》,不過我還是建議大家用鏈接樣式!

四種樣式的優(yōu)先級按照“就近原則”:行內(nèi)樣式 > 內(nèi)嵌樣式 > 鏈接樣式 > 導(dǎo)入樣式。

CSS選擇器:選擇器是CSS的核心,從最初的元素、class/id選擇器,演進(jìn)到偽元素、偽類。
選擇器最基本的有四種:標(biāo)簽選擇器、ID選擇器、類選擇器、通用選擇器。

【標(biāo)簽選擇器】

一個完整的HTML頁面是有很多不同的標(biāo)簽組成,而標(biāo)簽選擇器,則是決定哪些標(biāo)簽采用相應(yīng)的CSS樣式。例子:p{font-size:12px;}。

【ID選擇器】

ID選擇器在某一個HTML頁面中只能使用一次,就像只有一個身份證 (ID)一樣,不重復(fù)!在頁面中使用ID選擇器更具有針對性。例子:#one{font-size:12px;}。

網(wǎng)絡(luò)營銷推廣 . 北京匯仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢:15201492965
業(yè)務(wù)QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網(wǎng)站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網(wǎng)絡(luò)推廣經(jīng)驗
  • 有網(wǎng)站建站隊伍
  • 有大型網(wǎng)站建設(shè)經(jīng)驗
  • 致力于營銷型網(wǎng)站建設(shè)
  • 始終堅持技術(shù)和服務(wù)同樣重要
查看PC版網(wǎng)站
備案號:京ICP備15021091號-1 版權(quán)所有:匯仁智杰