02_CSS群組
02_CSS群組
若是有多個 HTML 標籤 (tag) 具有完全一樣的樣式規則 (rule) ,此時可將這些標籤以群組 (grouping) 的方式組織在一起。
css file
p, div, blockquote {
color: white;
background-color: black;
}
|
html file
<html>
<head>
<title>網頁標題</title>
<linkrel="stylesheet"type="text/css"href="demo01.css">
</head>
<body>
<p>You ever have that feeling where you're not sure if you're awake or still dreaming?</p>
<p>A prison for your mind.</p>
<p>Free your mind.</p>
<p>Believe the unbelievable.</p>
<div>There is no spoon.</div>
<div>I can only show you the door, you have to walk through it.</div>
<div>Choice. The problem is choice.</div>
<div>Then tomorrow we may all be dead, but how would that be different from any other day?</div>
<blockquote>I have dreamed a dream, but now that dream has gone from me.</blockquote>
<blockquote>Choice is an illusion, created between those with power, and those without.</blockquote>
<blockquote>Because I choose to.</blockquote>
<blockquote>Everything that has a beginning has an end.</blockquote>
</body>
</html>
|