Introduction To CSS2樣式表簡介
1:什么是樣式表:
CSS 是 Cascading Style Sheet 的縮寫。譯作「層疊樣式表單」。
是用于(增強(qiáng))控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記性 語言。
2:如何將樣式表加入您的網(wǎng)頁:
你可以用以下三種方式將樣式表加入您的網(wǎng)頁。而最接近目標(biāo)的樣式定義優(yōu)先權(quán)越高。高優(yōu)先權(quán)樣式將繼承低優(yōu)先權(quán)樣式的未重疊定義但覆蓋重疊的定義。例外請(qǐng)
(1) 鏈入外部樣式表文件
先建立外部樣式表文件(.css),然后使用HTML的link對(duì)象。示例如下:
<head>
<title>文檔標(biāo)題</title>
<link rel=stylesheet type="text/css">
</head>
而在XML中,你應(yīng)該如下例所示在聲明區(qū)中加入:
<? xml-stylesheet type="text/css" ?>
(2)定義內(nèi)部樣式塊對(duì)象 (Embedding a Style Block)
在<HTML>和<BODY>標(biāo)記之間插入一個(gè)<STYLE>...</STYLE>塊對(duì)象。示例如下:
<html>
<head>
<title>文檔標(biāo)題</title>
<body >
<style type="text/css">
<!--
{font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
-->
</style>
</head>
<body>
!請(qǐng)注意,這里將style對(duì)象的type屬性設(shè)置為"text/css",是允許不支持這類型的瀏覽器忽略樣式表單。
(3)內(nèi)聯(lián)定義
內(nèi)聯(lián)定義即是在對(duì)象的標(biāo)記內(nèi)使用對(duì)象的style屬性定義適用其的樣式表屬性。示例如下:
<p style="margin-left: 0.5in; margin-right:0.5in">這一行被增加了左右的外補(bǔ)丁<p>
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)
點(diǎn)擊舉報(bào)。