WEB標準學習路程之 CSS 1 什麼是樣式表

2022-01-15 16:47:47 字數 1280 閱讀 8742

什麼是樣式表

css是

cascading style sheet

的縮寫。譯作「層疊樣式表單」。是用於(增強)控制網頁樣式並允許將樣式資訊與網頁內容分離的一種標記性語言。

如何將樣式表加入您的網頁

你可以用以下種方式將樣式表加入您的網頁。而最接近目標的樣式定義優先權越高。高優先權樣式將繼承低優先權樣式的未重疊定義但覆蓋重疊的定義。例外請參閱

important

宣告。鏈入外部樣式表檔案

(linking to a style sheet)

你可以先建立外部樣式表檔案(

.css

),然後使用

html

的link

物件。示例如下:

而在xml

中,你應該如下例所示在宣告區中加入:

<? xml-stylesheet type="text/css" href="" ?>>

定義內部樣式塊物件

(embedding a style block)

你可以在你的

html

文件的和

標記之間插入乙個

塊物件。

定義方式請參閱樣式表語法。示例如下

:請注意

,這裡將

style

物件的type

屬性設定為

"text/css"

,是允許不支援這型別的瀏覽器忽略樣式表單。

內聯定義

(inline styles)

內聯定義即是在物件的標記內使用物件的

style

屬性定義適用其的樣式表屬性。示例如下:

這一行被增加了左右的外補丁

樣式表語法(css syntax)

selector

引數說明:

selector --

選擇符property : value --

樣式表定義。屬性和屬性值之間用冒號

(:)隔開。定義之間用分號

(;)隔開

繼承的值(the ' inherit ' value)

每個屬性都有乙個指定的值:

inherit

。它的意思是:將父物件的值等同為計算機值得到。這個值通常僅僅是備用的。顯式的宣告它可用來強調。

WEB標準學習路程之 CSS 12 規則

規則 at rules 樣式表規則 css version 版本 compatibility 相容性 description 簡介 import css1 ie4 指定匯入的外部樣式表及目標 該規則必須在樣式表頭部最先宣告 charset css2 ie4 在外部樣式表檔案內使用。指定該樣式表使用的...

WEB標準學習路程之 CSS 13 宣告,單位

important 語法 srule important 說明 srules 樣式表條目 提公升指定樣式規則的應用優先權。示例 div 單位 長度 長度單位 版本 相容性 簡介 相對長度單位 relative length units emcss1 ie4 ns4 相對於當前物件內文字的字型尺寸 e...

前端學習筆記(二) CSS(1)

1 認識css 主要用於設定html頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局和外觀顯示樣式。css以html為基礎,提供如字型 顏色 背景的控制及整體排版等豐富的功能,同時可以針對不同的瀏覽器設定不同的樣式。2 引入css樣式表 行內式概念 通過標籤的...