CSS應(yīng)用常見問題大總結(jié)_Web標(biāo)準(zhǔn)教程
CSS是Cascading Style Sheets的簡(jiǎn)稱,中文譯作“層疊樣式表單”,我把它叫作“層疊樣式表”,我感到這樣順口一點(diǎn),沒別的意思。實(shí)際上它是一組樣式。你可能對(duì)CSS這個(gè)名詞比較陌生,實(shí)際上無論你用Internet Explorer還是Netscape Navigator在網(wǎng)上沖浪,幾乎隨時(shí)都在與CSS打交道,在網(wǎng)上沒有使用過CSS的網(wǎng)頁(yè)可能不好找。不管你用什么工具軟件制作網(wǎng)頁(yè),都有在有意無意地使用CSS。用好CSS能使你的網(wǎng)頁(yè)更加簡(jiǎn)煉,為什么同樣內(nèi)容的網(wǎng)頁(yè),有的人做出來有幾十KB,而高手做出來只有十幾KB,CSS在其中的作用是不言而喻的。以下是使用CSS中的常見問題,供參考。
1、CSS在網(wǎng)頁(yè)制作中一般有三種方式的用法,那么具體在使用時(shí)該采用哪種用法?
當(dāng)有多個(gè)網(wǎng)頁(yè)要用到的CSS,采用外連CSS文件的方式,這樣網(wǎng)頁(yè)的代碼大大減少,修改起來非常方便;只在單個(gè)網(wǎng)頁(yè)中使用的CSS,采用文檔頭部方式;只有在一個(gè)網(wǎng)頁(yè)一、兩個(gè)地方才用到的CSS,采用行內(nèi)插入方式。
2、CSS的三種用法在一個(gè)網(wǎng)頁(yè)中要以混用嗎?
三種用法可以混用,且不會(huì)造成混亂。這就是它為什么稱之為“層疊樣式表”的原因,瀏覽器在顯示網(wǎng)頁(yè)時(shí)是這樣處理的:先檢查有沒有行內(nèi)插入式CSS,有就執(zhí)行了,針對(duì)本句的其它CSS就不去管它了;其次檢查頭部方式的CSS,有就執(zhí)行了;在前兩者都沒有的情況下再檢查外連文件方式的CSS。因此可看出,三種CSS的執(zhí)行優(yōu)先級(jí)是:行內(nèi)插入式、頭部方式、外連文件方式。
3、在網(wǎng)頁(yè)中如何使外部文件式CSS?
在網(wǎng)頁(yè)中使用外連文件式CSS并沒有特殊要求,同樣是用記事本創(chuàng)建一個(gè)*.css文件,在網(wǎng)頁(yè)的<head>與</head>之間加上一句下面的代碼即可:
<link rel="stylesheet" href="在這里填上你的CSS文件地址(相對(duì)路徑+文件名)" type="text/css">
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- 玩轉(zhuǎn)Dreamweaver速記CSS屬性
- Web2.0網(wǎng)站十五個(gè)顯著的流行風(fēng)格
- 通過Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)時(shí)組織CSS的建議
- 網(wǎng)頁(yè)設(shè)計(jì)制作CSS實(shí)現(xiàn)隔行換色兩種方法
- 使用DIV之后,到什么時(shí)候才使用TABLE?
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
- CSSer資料集:瀏覽器Opera簡(jiǎn)介
- WEB2.0標(biāo)準(zhǔn)教程:第五天 head區(qū)的其他設(shè)置
- DreamweaverCS3體驗(yàn)2
- 幾種CSS及網(wǎng)站開發(fā)常犯的錯(cuò)誤
猜你也喜歡看這些
- overflow與text-indent:-9999px 字體隱藏及input value偏移
- 兼容FIREFOX下背景層的自適應(yīng)高度
- Web標(biāo)準(zhǔn)網(wǎng)站需要考慮的瀏覽器兼容底線
- 關(guān)于DIVCSS浮動(dòng)float的兼容
- li中出現(xiàn)兩個(gè)以上浮動(dòng)時(shí)列表標(biāo)記出現(xiàn)問題的解決辦法
- 如何兼容IE7和IE8
- IE中怎么會(huì)出現(xiàn)雙倍邊距?
- IE中奇怪的左右border斷線現(xiàn)象
- 用!important解決IE和Mozilla的布局差別
- IE6下絕對(duì)定位的容器內(nèi)文本無法正常選擇的問題
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-CSS應(yīng)用常見問題大總結(jié)。