HTML樣式
利用層疊樣式表(外國(guó)語(yǔ)簡(jiǎn)稱(chēng):CSS)加入斜體字非常簡(jiǎn)單,而且我們 對(duì)于加重字體還有很多選擇。
[例如]
(1)
顏色
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
h1 {color: red}
p {color: blue}
</style>
</head>
<body>
<h1>this is紅色。</h1>
<p>this is藍(lán)色。</p>
</body>
</html>
(2)
去掉網(wǎng)頁(yè)鏈接下劃線
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
<title></title>
</head>
<a >
這是一個(gè)鏈接!
</a>
<body>
</body>
</html>
如何使用樣式
當(dāng)瀏覽器讀到一個(gè)樣式表,它就會(huì)按照這個(gè)樣式表來(lái)對(duì)文檔進(jìn)行格式化。有以下三種方式來(lái)插入樣式表:
(1)外部樣式表
當(dāng)樣式需要被應(yīng)用到很多頁(yè)面的時(shí)候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過(guò)更改一個(gè)文件來(lái)改變整個(gè)站點(diǎn)的外觀,可以多次調(diào)用到外部樣表格,所以很方便。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
(2)內(nèi)部樣式表
當(dāng)單個(gè)文件需要特別樣式時(shí),就可以使用內(nèi)部樣式表。你可以在 head 部分通過(guò) <style> 標(biāo)簽定義內(nèi)部樣式表。
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
(3)內(nèi)聯(lián)樣式
當(dāng)特殊的樣式需要應(yīng)用到個(gè)別元素時(shí),就可以使用內(nèi)聯(lián)樣式。 使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性。樣式屬性可以包含任何** CSS** 屬性。以下實(shí)例顯示出如何改變段落的顏色和左外邊距。
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
| 標(biāo)簽 | 描述 |
|---|---|
<style> |
定義樣式定義。 |
<link> |
定義資源引用。 |
<div> |
定義文檔中的節(jié)或區(qū)域(塊級(jí))。 |
<span> |
定義文檔中的行內(nèi)的小塊或區(qū)域。 |
<font> |
規(guī)定文本的字體、字體尺寸、字體顏色。不贊成使用。請(qǐng)使用樣式。 |
<basefont> |
定義基準(zhǔn)字體。不贊成使用。請(qǐng)使用樣式。 |
<center> |
對(duì)文本進(jìn)行水平居中。不贊成使用。請(qǐng)使用樣式。 |