![[2021/12/17]국비지원 CSS3 1-(1)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FPV5uw%2Fbtrr2z3Bjpe%2FAAAAAAAAAAAAAAAAAAAAAF0mDi15bFlmDUzmWsYAArz78Vfw9wmbMYVNqvcZZNsx%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DCATKbgRHYh0q16AtP6vLtSU8%252Bvg%253D)
CSS3
css 주석 /* */
selector { property : value ; }
동일한 property에서 값만 다르게 반복할 경우 최종 값으로 출력
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Document<title>
<style type="text/css">
/* 주석 */
/* 선택자 selector{속성property:값value;} */
h2{color: red;}
h2{color: green;}
h2{color: blue;}
/* 이러면 최종입력값이 색 결정*/
</style>
</head>
<body>
<!-- 주석 -->
<!-- Element 요소 <시작태그 attribut속성="value값"></종료태그>-->
<h2 title="">단계적으로 적용되는 스타일</h2>
<h2>단계적으로 적용되는 스타일</h2>
<h2>단계적으로 적용되는 스타일</h2>
</body>
</html>
결과물
