如何為兩個不同的p標簽設置不同的樣式?
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>認識html標簽</title>
<style type="text/css">
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p>三年級時,我還是一個膽小如鼠的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
? ? <p>到了三年級下學期時,我們班上了一節公開課,老師提出了一個很簡單的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。</p>
? ? <img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" >
</body>
</html>
代碼中的第一段和第二段如何用嵌入式結構設置不同的樣式??
2017-01-13
在 標簽中添加類選擇器<P class=“a”>或者 id選擇器<p id="b"> 來設置不同的樣式
2017-01-13
p標簽后+class=“”
2017-01-13
為不同的P標簽添加不同的類名稱<P class=“a”>,<P class=“b”>;再在style標簽中給p.a{}和p分別設置樣式。
2017-01-13
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>認識html標簽</title>
<style type="text/css">
.p1{color:red}
.p2{color:blue}
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="p1">三年級時,我還是一個膽小如鼠的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
? ? <p class="p2">到了三年級下學期時,我們班上了一節公開課,老師提出了一個很簡單的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。</p>
? ? <img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" >
</body>
</html>