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)使用樣式旦委。 |