css使用方法

 二維碼 157
發(fā)表時間:2016-03-06 18:33作者:敖游來源:遨游建站網址:http://aquaponicswiki.com

有三種方法可以在站點網頁上使用樣式表:

外部樣式:將網頁鏈接到外部樣式表。

內頁樣式:在網頁上創(chuàng)建嵌入的樣式表。

行內樣式:應用內嵌樣式到各個網頁元素。

每一種方法均有其優(yōu)缺點:

當要在站點上所有或部分網頁上一致地應用相同樣式時,可使用外部樣式表。在一個或多個外部樣式表中定義樣式,并將它們鏈接到所有網頁,便能確保所有網頁外觀的一致性。如果人們決定更改樣式,只需在外部樣式表中修改一次,而該更改會反映到所有與該樣式表相鏈接的網頁上。通常外部樣式表以 .css 做為文件擴展名,例如 Mystyles.css。然后在需要此樣式的頁面中將其鏈接進來,如:

<link href="/層疊樣式表/樣式.css" rel="stylesheet" type="text/css"/>

<link href="/百度百科/樣式.css" rel="stylesheet" type="text/css"/>

<!--

在使用的時候,最好是把上面的漢字改成拼音,這樣可以確保網頁在不支持中文的系統(tǒng)中顯示正常。

例如寫成如下形式:

-->

<link href="/BaiduBaike_ShiLi/baidubaike.css" rel="stylesheet" type="text/css"/>

當人們只是要定義當前網頁的樣式,可使用嵌入的樣式表。嵌入的樣式表是一種級聯(lián)樣式表,“嵌”在網頁的 <HEAD> 標記符內。嵌入的樣式表中的樣式只能在同一網頁上使用。 如:

<style type="text/css">

<!--/*把聲明的樣式包含在一個網頁注釋中,這樣可以解決較老的瀏覽器不識別style的問題*/

body{background:grey;}

-->

</style>

使用內嵌樣式以應用級聯(lián)樣式表屬性到網頁元素上。如:

<p style="@importurl('BaiduBaike_Daima_Shili.css');">層疊樣式表文檔</p>

<!--不能在“樣式”style屬性中使用@import-->

如果網頁鏈接到外部樣式表,為網頁所創(chuàng)建的內嵌的或嵌入式樣式將擴充或覆蓋外部樣式表中的指定屬性。

要在網頁上使用外部樣式表的樣式,可將該網頁鏈接到樣式表,方法是使用位于 “格式” 菜單上的 “樣式表連接” 命令??梢枣溄右粋€或數(shù)個樣式表到網頁視圖模式下的當前網頁,或到在文件夾列表中的所選網頁,或到站點上的全部網頁。

該“樣式” 框列出標準 HTML 標記符,例如標題

1,還有嵌入的樣式表或鏈接到網頁的外部樣式表中所含的類或 ID 選擇器。要應用樣式到網頁元素,請選定該樣式然后單擊 “樣式” 框中的樣式或選擇器。

在 Microsoft FrontPage 2000中,某些格式設置特性會作為內嵌樣式自動應用。例如∶如果使用 “邊框與陰影” 命令(在 “格式” 菜單上)在普通段落周圍應用框,F(xiàn)rontPage 會寫下格式設置信息,作為段落標記符的內嵌樣式屬性(例如∶ <p style="border-style: solid">)。然而某些屬性的應用需要使用 CSS,其他則需要使用 HTML 。如果人們只想使用 CSS 應用內嵌樣式,可使用 “樣式” 按鈕(位于網頁元素的 “屬性” 對話框里)應用類或 ID 選擇器或嵌入式樣式。


文章分類: CSS
分享到:
廣告投放問題
網站建設問題
小程序設計問題

以信載商,良心建站。遨游始終秉承“一次建站、終身維護”的宗旨,竭誠為客戶提供最優(yōu)質的互聯(lián)網服務。遨游建站率先植入seo優(yōu)化理念,讓你的網頁更利于搜索引擎抓取,關鍵詞排名更靠前。可仿站、可定制。無論是傳統(tǒng)型企業(yè)官網、集團型品牌官網,還是營銷型網站、電商型網站、定制型網站、特殊行業(yè)網站(醫(yī)療、教育),全部搞定。

公司:網站建設_小程序設計_競價托管代運營公司;郵箱:1013601535@qq.com

手機:17073547034;QQ: 1013601535

在線留言咨詢,24小時內回復
我想咨詢
*
企業(yè)名稱
手機號碼
*
您的姓名
所在城市
提交
最新發(fā)布
注冊體驗
企業(yè)郵箱
域名注冊
SSL證書
地圖標注
網站備案
服務器
友情鏈接
我們是中小企業(yè)可信賴的合作伙伴!始終專注一件事,一站式互聯(lián)網信息技術服務商
17073547034
全國統(tǒng)一服務熱線
遨游建站是全國高端網站建設公司,提供廣州企業(yè)網站建設/小程序開發(fā)/購物網站設計制作與競價托管代運營服務;秉承“一次建站,終身維護”的宗旨,有償提供互聯(lián)網技術支持。
本站部分圖片、音頻、視頻來源于網絡,版權歸原作者,如有侵權請聯(lián)系我們刪除。