d 和 class 選擇器
如果你要在HTML元素中設置CSS樣式,你需要在元素中設置"id" 和 "class"選擇器。
id 選擇器
id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。
HTML元素以id屬性來設置id選擇器,CSS 中 id 選擇器以 "#" 來定義。
以下的樣式規則應用于元素屬性 id="para1":
實例
#para1
{
text-align:center;
color:red;
}
ID屬性不要以數字開頭,數字開頭的ID在 Mozilla/Firefox 瀏覽器中不起作用。
class 選擇器
class 選擇器用于描述一組元素的樣式,class 選擇器有別于id選擇器,class可以在多個元素中使用。
class 選擇器在HTML中以class屬性表示, 在 CSS 中,類選擇器以一個點"."號顯示:
在以下的例子中,所有擁有 center 類的 HTML 元素均為居中。
實例
.center {text-align:center;}
你也可以指定特定的HTML元素使用class。
在以下實例中, 所有的 p 元素使用 class="center" 讓該元素的文本居中:
實例
p.center {text-align:center;}
類名的第一個字符不能使用數字!它無法在 Mozilla 或 Firefox 中起作用。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
代碼分為三部分編寫
<html> 是網頁文件的最外層標記
<head> 之間的文本是頭信息
不會顯示在瀏覽器中,包括基本的描述,整個網頁的公共屬性
</head>
<body> 是網頁文件的主體部分
正文 :文字、圖片、鏈接、表單等
</body>
</html>
<head> 頭部標記</head>
<title> </title> 只能有一個
<base /> 只能有一個
<link> 可以有多個
<meat> 可以有多個
<meat name=“” content=“”>
<meat http-equiv=“” content=“”>
title
base
link
<meta name="" content="">
<meta http-equiv="" content="">
Name 用于在網頁中加入一些關于網頁的描述信息,網頁的關鍵字,網頁描述信息
http-equiv:屬性用于在HTML文檔中模擬HTTP協議的響應消息頭,例如,告訴瀏覽器是滯緩存頁面,使用什么樣的字符集顯示網頁內容
不是自己定義的值:
Keywords : 網頁的關鍵字
Description:網頁的描述
Robots : index noindex follow nofollow all none
Author
copright
Content-Type
Refresh
Expires
Windows-Target
Pragma
Page-Enter和Page-Exit
在它中放置網頁中所有內容
只要是可以用樣式控制的就不用HTML本身屬性
Id name class style 通用屬性,所有的元素都可以使用
DTD
<html>
<head>
<title>這是網頁標題</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<meta name="keywords" content="這是關鍵字"/>
<link href="css文件路徑" rel="stylesheet"/>
<link rel="shortcut icon" href="favicon.ico"/>
</head>
<body>
</body>
</html>
標簽 | 含義 | 常用屬性 |
a | 超鏈接 | href / target / title |
img | 圖片 | src / alt / title / width / heiht |
h1-h6 | ||
p | ||
br | ||
hr | ||
em | ||
strong | ||
i | ||
span | ||
div |
ID | CLASS | 標簽 |
100 | 10 | 1 |
樣式 | 含義 | 屬性值 |
*請認真填寫需求信息,我們會在24小時內與您取得聯系。