HTML樣式,網頁的美,從這裏開始

在HTML 4.0中,所有的格式都可以從HTML文檔,並存儲在一個樣式表。
如何使用樣式
當瀏覽器讀取一個樣式表,它將顯示格式的文檔。
插入樣式表有三種方式:
外部樣式表
內部樣式表
內聯樣式
外部樣式表

一個外部樣式表樣式應用於很多頁面時的理想。使用外部樣式表,您可以改變整個網站的外觀通過改變一個文件。每一頁必須鏈接樣式表使用<link>標記。<head>標記走進<頭>部分:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

內部樣式表
可以使用內部樣式表如果一個文檔有一個獨特的風格。內部樣式的<head>部分中定義一個HTML頁面,通過使用<style>標記,如下:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

內聯樣式
可以使用內聯樣式如果一個獨特的風格是應用於一個元素的出現。
使用內聯樣式,使用相關的樣式屬性標籤。樣式屬性可以包含任何CSS屬性。下面的例子顯示瞭如何改變文本顏色和一個段落的左邊距:

<p style="color:blue;margin-left:20px">This is a paragraph.</p>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章