CSS의 스타일을 쉽게 파악 가능
CSS -> Disabel All Styles 선택
전
후
p {
text-align : center;
color: blue;
}
p {
text-align : center; /*텍스트 정렬 - 중앙 */
color: blue; /* 글자색 - 파랑 */
}
여러 가지의 스타일 규칙을 한눈에 확인하고 필요할 때마다 수정이 쉽도록 한군데 묶어 놓은 것
<p style="color:blue;">껍질에 붉은 빛이 돌아 레드향이라 불린다</p>
<head>
<style>
h1 {
padding: 10px;
color:#fff;
}
</style>
</head>
<head>
<link rel="stylesheet" href="css/style.css">
</head>
!important
인라인 스타일
id 스타일
클래스 스타일
타입 스타일