사용하여 class 특성을
는 HTML class 속성은 가능한 같은 클래스 이름을 가진 요소를 동일한 스타일을 정의 할 수 있습니다.
여기에서 우리는 세 가지가 <div> 같은 클래스 이름을 가리키는 요소를 :
예
<!DOCTYPE html>
<html>
<head>
<style>
div.cities {
background-color: black;
color: white;
margin: 20px 0 20px 0;
padding: 20px;
}
</style>
</head>
<body>
<div class="cities">
<h2>London</h2>
<p>London is the capital 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">
<h2>Paris</h2>
<p>Paris is the capital and most populous city of
France.</p>
</div>
<div class="cities">
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the
Greater Tokyo Area,
and the most populous metropolitan area in the
world.</p>
</div>
</body>
</html> »그것을 자신을 시도 런던
런던은 영국의 수도이다. 그것은 만 13 이상 주민의 수도권으로, 영국에서 가장 인구가 많은 도시입니다.
템스 강에 서, 런던의 역사는 Londinium로 이름을 로마인에 의해 창립으로 거슬러 올라가는, 두 천년의 주요 정착하고있다.
파리
파리는 자본과 프랑스의 인구 밀도가 가장 높은 도시입니다.
세느 강에 위치한 또한 지역의 PARISIENNE로 알려진 일 드 프랑스 지역의 중심부에서입니다.
대도시 지역 내 만 12 이상의 주민과 함께 유럽에서 가장 큰 인구 밀집 지역 중 하나입니다.
도쿄
도쿄는 일본, 수도권의 중심의 수도, 세계에서 가장 인구가 많은 대도시 지역입니다.
그것은 일본 정부와 황궁 및 일본 황실의 집의 자리입니다.
도쿄 현 3천8백만명과 세계에서 가장 큰 도시의 경제는 세계에서 가장 인구가 많은 대도시 지역의 일부입니다.
사용하여 class 인라인 요소에 특성을
는 HTML 클래스 속성은 인라인 요소에 사용할 수 있습니다 :
예
<!DOCTYPE html>
<html>
<head>
<style>
span.note {
font-size: 120%;
color: red;
}
</style>
</head>
<body>
<h1>My <span
class="note">Important</span> Heading</h1>
<p>This
is some <span
class="note">important</span> text.</p>
</body>
</html> »그것을 자신을 시도