分類塊級(jí)元素
HTML<div>元素是塊級(jí)元素裳涛。它能夠用作其他 HTML 元素的容器。
設(shè)置<div>元素的類绿映,使我們能夠?yàn)橄嗤?lt;div>元素設(shè)置相同的類:
<html>
<head>
????????<style>
? ? ? ? ? ? ? ? .cities{
? ? ? ? ? ? ? ? ? ? ? ? background-color:black;
? ? ? ? ? ? ? ? ? ? ? ? color:white;
? ? ? ? ? ? ? ? }
? ? ? ? </style>
</head>
<body>
? ? ? ? <div class="cities">////一個(gè)類定義的格式可應(yīng)用于多個(gè)
????????<h2>London</h2>
? ? ? ?? <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
????????</div>
? ? ? ? <div class="cities">////應(yīng)用于第二個(gè)
????????……
</body>
分類行內(nèi)元素
HTML <span>元素是行內(nèi)元素提茁,能夠用作文本的容器。
設(shè)置<span>元素的類畔乙,能夠?yàn)橄嗤?lt;span元素設(shè)置相同的樣式。
<html>
<head>
? ? ? ? <style>
? ? ? ? ? ? ? ? span.red{
? ? ? ? ? ? ? ? ? ? ? ?? color:green;
? ? ? ? ? ? ? }
? ? ? ? </style>
</head>
<body>
? ? ? ?? <h1>我的<span class="red"> 重要的</span>標(biāo)題</h1>
</body>
</html>
這里“重要的”會(huì)顯示為綠色