前端學習(3)樣式表 CSS

2021-10-07 10:45:21 字數 1179 閱讀 2450

也叫作層疊樣式表或者級聯樣式表,用於定義html元素的顯示效果,原本的樣式是在html中內嵌定義的,css的出現使得分工更加清晰

內嵌樣式修改文字顏色

<

!doctype html>

"utf-8"

>

內嵌樣式<

/title>

"text/css"

>

h1 p

<

/body>

紅色<

/h1>

藍色<

/p>

<

/body>

<

/html>

內嵌樣式設定沒有下劃線的鏈結

<

!doctype html>

"utf-8"

>

設定無下劃線鏈結<

/title>

<

/head>

"鏈結位址" style =

"text- decoration:none;"

>

訪問我的主頁<

/a>

<

/body>

<

/html>

鏈結到乙個樣式表的示範

<

!doctype html>

"utf-8"

>

鏈結樣式表<

/title>

"stylesheet" type =

"text/css" href =

"樣式表位址"

>

<

/head>

使用外部樣式檔案來格式化文字<

/h1>

之後的段落<

/p>

<

/body>

<

/html>

————————————————————————————————————

內部樣式表,使用< head >區域< style >元素來包含css

外部引用————使用外部css檔案 標籤

描述< style >

定義文字樣式

< link >

定義資源引用位址

CSS3樣式表的匯入方法

css有四種匯入樣式的方法,下面將一一枚舉 1.行內樣式 行內樣式就是把css樣式直接寫在html標籤中 示例 使用css來改變網頁的樣式 缺點 頁面不乾淨,網頁載入體積較大,這種寫法也不利於後續維護 2.內嵌樣式 內嵌樣式主要是將樣式寫在標籤對中 示例 缺點 各個頁面無法共享css樣式,每個頁面定...

CSS2 樣式表 屬性 內容

1 include source 語法 include source url url 取值 url url 使用絕對或相對 url 位址指定插入文件。假如該文件不存在,當前物件的內容將被顯示 說明 這個屬性插入另乙個文件到當前文件,取代當前物件的內容。插入文件的樣式屬性從當前物件繼承。對應的指令碼特...

CSS2樣式表 屬性 尺寸

1 height 語法 height auto length 取值 auto 預設值。無特殊定位,根據html定位規則分配 length 由浮點數字和單位識別符號組成的長度值 百分數。百分數是基於父物件的高度。不可為負數。請參閱 長度單位 說明 檢索或設定物件的高度。對於 img 物件來說,僅指定此...