<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>HTML5 BASIC PAGE</title>
<style>
*{ color:blue; }
h2{ color:red; }
h2.s_title{ color:green; }
</style>
</head>
<body>
<h2 class="m_title">제목 글자 태그</h2>
<h2 class="s_title">부제목에 스타일 넣기</h2>
<p class="s_title">안녕하세요 테스트중입니다.</p>
</body>
</html>
*{ color:blue; } : 전체적으로 파란색을 지정
h2{ color:red; } : h2태그가 들어간 모든것을 빨간색으로 지정
h2.s_title{ color:green; } : h2태그가 들어간 것중 class가 s_title것을 초록색으로 지정
'프로그래밍 > HTML5' 카테고리의 다른 글
| 클래스,속성 선택자 (0) | 2017.09.20 |
|---|---|
| 아이디 선택자 및 padding, margin (0) | 2017.09.20 |
| css전체 선택자 태그 (0) | 2017.09.20 |
| 선택옵션,다중선택옵션,textarea (0) | 2017.09.20 |
| 입력 양식 태그 (0) | 2017.09.20 |
