1. 程式人生 > >HTML&CSS基礎學習筆記1.33-元素選擇器

HTML&CSS基礎學習筆記1.33-元素選擇器

元素選擇器

最常見的 CSS 選擇器是元素選擇器。換句話說,文件的元素就是最基本的選擇器:

p {
    text-indent:10px;
    color:blue;
}

什麼情況下使用元素選擇器,一般我們這樣認為:

如果你想要讓頁面中所有的指定元素都有這個CSS效果,可以使用元素選擇器。

有這樣一段html程式碼:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="index.css">
    <title></title>
</head>
<body>
<h1>雨巷</h1>
<p>
撐著油紙傘,獨自<br>
彷徨在悠長,悠長<br>
又寂寥的雨巷,<br>
我希望逢著<br>
一個丁香一樣的<br>
結著愁怨的姑娘。<br>
</p>
</body>
</html>
現在試試用css的元素選擇器給它做點變化吧,css程式碼如下:
body
{
	text-align: center;
}

h1
{
	color:yellow;
}

p 
{
	color:green;
}

更多學習內容,就在碼芽網http://www.mayacoder.com/lesson/index