css使用方法
有三種方法可以在站點(diǎn)網(wǎng)頁上使用樣式表:
外部樣式:將網(wǎng)頁鏈接到外部樣式表。
內(nèi)頁樣式:在網(wǎng)頁上創(chuàng)建嵌入的樣式表。
行內(nèi)樣式:應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁元素。
每一種方法均有其優(yōu)缺點(diǎn):
當(dāng)要在站點(diǎn)上所有或部分網(wǎng)頁上一致地應(yīng)用相同樣式時(shí),可使用外部樣式表。在一個(gè)或多個(gè)外部樣式表中定義樣式,并將它們鏈接到所有網(wǎng)頁,便能確保所有網(wǎng)頁外觀的一致性。如果人們決定更改樣式,只需在外部樣式表中修改一次,而該更改會(huì)反映到所有與該樣式表相鏈接的網(wǎng)頁上。通常外部樣式表以 .css 做為文件擴(kuò)展名,例如 Mystyles.css。然后在需要此樣式的頁面中將其鏈接進(jìn)來,如:
<link href="/層疊樣式表/樣式.css" rel="stylesheet" type="text/css"/>
<link href="/百度百科/樣式.css" rel="stylesheet" type="text/css"/>
<!--
在使用的時(shí)候,最好是把上面的漢字改成拼音,這樣可以確保網(wǎng)頁在不支持中文的系統(tǒng)中顯示正常。西安網(wǎng)站建設(shè)推薦閱讀>>> css-級聯(lián)樣式表,
例如寫成如下形式:
-->
<link href="/BaiduBaike_ShiLi/baidubaike.css" rel="stylesheet" type="text/css"/>
當(dāng)人們只是要定義當(dāng)前網(wǎng)頁的樣式,可使用嵌入的樣式表。嵌入的樣式表是一種級聯(lián)樣式表,“嵌”在網(wǎng)頁的 <HEAD> 標(biāo)記符內(nèi)。嵌入的樣式表中的樣式只能在同一網(wǎng)頁上使用。 如:
<style type="text/css">
<!--/*把聲明的樣式包含在一個(gè)網(wǎng)頁注釋中,這樣可以解決較老的瀏覽器不識別style的問題*/
body{background:grey;}
-->
</style>
使用內(nèi)嵌樣式以應(yīng)用級聯(lián)樣式表屬性到網(wǎng)頁元素上。如:
<p style="@importurl('BaiduBaike_Daima_Shili.css');">層疊樣式表文檔</p>
<!--不能在“樣式”style屬性中使用@import-->
如果網(wǎng)頁鏈接到外部樣式表,為網(wǎng)頁所創(chuàng)建的內(nèi)嵌的或嵌入式樣式將擴(kuò)充或覆蓋外部樣式表中的指定屬性。西安做網(wǎng)站推薦閱讀>>> css表單設(shè)計(jì)-Web標(biāo)準(zhǔn)(div+css)教程,
要在網(wǎng)頁上使用外部樣式表的樣式,可將該網(wǎng)頁鏈接到樣式表,方法是使用位于 “格式” 菜單上的 “樣式表連接” 命令??梢枣溄右粋€(gè)或數(shù)個(gè)樣式表到網(wǎng)頁視圖模式下的當(dāng)前網(wǎng)頁,或到在文件夾列表中的所選網(wǎng)頁,或到站點(diǎn)上的全部網(wǎng)頁。
該“樣式” 框列出標(biāo)準(zhǔn) HTML 標(biāo)記符,例如標(biāo)題
1,還有嵌入的樣式表或鏈接到網(wǎng)頁的外部樣式表中所含的類或 ID 選擇器。要應(yīng)用樣式到網(wǎng)頁元素,請選定該樣式然后單擊 “樣式” 框中的樣式或選擇器。
在 Microsoft FrontPage 2000中,某些格式設(shè)置特性會(huì)作為內(nèi)嵌樣式自動(dòng)應(yīng)用。例如∶如果使用 “邊框與陰影” 命令(在 “格式” 菜單上)在普通段落周圍應(yīng)用框,F(xiàn)rontPage 會(huì)寫下格式設(shè)置信息,作為段落標(biāo)記符的內(nèi)嵌樣式屬性(例如∶ <p style="border-style: solid">)。然而某些屬性的應(yīng)用需要使用 CSS,其他則需要使用 HTML 。如果人們只想使用 CSS 應(yīng)用內(nèi)嵌樣式,可使用 “樣式” 按鈕(位于網(wǎng)頁元素的 “屬性” 對話框里)應(yīng)用類或 ID 選擇器或嵌入式樣式。
相關(guān)文章:
-
西安網(wǎng)站建設(shè)_西安做網(wǎng)站_西安網(wǎng)站制作——西安網(wǎng)絡(luò)公司...
-
CSS實(shí)現(xiàn)圖片裁剪居中 其實(shí),css實(shí)現(xiàn)起來很簡單,只需要設(shè)置img的樣式:object-fit:none即可,不過你要給img一個(gè)高度,因?yàn)椴眉袈?頁面:(圖片可以自己隨便截兩張來測試) !--長圖片-- div clas...
-
CSS背景圖片自適應(yīng)全屏 .bg{ background:url(bg.png) no-repeat; background-size:cover; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )//IE特有的濾鏡 }...
-
Viewport viewport:可視窗口,也就是瀏覽器。 vw Viewport寬度, 1vw 等于viewport寬度的1% vh Viewport高度, 1vh 等于viewport高的的1% CSS3使用Calc calc()使用通用的數(shù)學(xué)運(yùn)算規(guī)則,但是也提供更智能的功能:...
-
從企業(yè)建站角度講,最便捷、最適合企業(yè)的建站系統(tǒng)莫過于自助建站系統(tǒng),市場上可供選擇的自助建站平臺(tái)也是一搜一大把。這些自助建站平臺(tái)采用傻瓜式建站風(fēng)格,容易上手,操作簡單方便...
-
現(xiàn)在想做一個(gè)網(wǎng)站成本很低了,買個(gè)域名,買個(gè)幾十塊空間,弄個(gè)網(wǎng)站建設(shè)程序就可以開始你的玩耍了,如果你還想找成本更低的,可以看下面的分享。 如何創(chuàng)建網(wǎng)站一直都是很多朋友想要知...
-
商城網(wǎng)站建設(shè)如何將吸引力提升 在信息如此豐富多樣的今天,商城網(wǎng)站建設(shè)如何才能夠在眾多的同類當(dāng)中脫穎而出,獲得大眾的吸引和青睞呢?這其實(shí)是相關(guān)網(wǎng)站建設(shè)人員一直在思考的一個(gè)問...
-
現(xiàn)在越來越多的企業(yè)重視網(wǎng)站的運(yùn)營推廣,那怎樣推廣效果更好呢?西安蟠龍網(wǎng)絡(luò)小編認(rèn)為沒用永恒不變得,而且要根據(jù)企業(yè)的具體情況選擇合適的推廣方式才是最好的,如果你又運(yùn)營推廣的...
-
隨著互聯(lián)網(wǎng)的發(fā)展,人們每時(shí)每刻已經(jīng)離不開網(wǎng)絡(luò),而網(wǎng)站是網(wǎng)絡(luò)的基本組成部分,可以這么說,網(wǎng)絡(luò)是由各種各樣的網(wǎng)站組成的,當(dāng)下,網(wǎng)站是每個(gè)企業(yè)的標(biāo)配,很多個(gè)人都有自己的網(wǎng)站,...
-
網(wǎng)站現(xiàn)在是一個(gè)企業(yè)的標(biāo)配,很多沒有網(wǎng)站的企業(yè)不清楚網(wǎng)站對企業(yè)有什么作用,那么今天西安蟠龍小編總結(jié)一下網(wǎng)站對企業(yè)都有哪些好處,希望看完之后您對網(wǎng)站有更深一層的認(rèn)識。 一、低...
- 上一篇:css-級聯(lián)樣式表
- 下一篇:css布局特點(diǎn)