[생활코딩] 선택자와 선언

은돌1113 2022. 1. 18. 10:33

728x90

selector : 선택자
declaration : 선언
property : 속성
value : 속성 값
":" : 속성과 속성 값을 구분 해주는 구분자

";" : 선언과 선언을 구분 해주는 구분자

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>기본 틀</title>
    <style>
      li {
        color: red;
        text-decoration: underline;
        /* 효과 지정 시 ;를 사용하면 구분을 지어줘야 한다. */
        /* 줄바꿈을 해주면 가독성이 높아진다. */
      }
    </style>
  </head>
  <body>
    <ul>
      <li>HTLM</li>
      <li>CSS</li>
      <li>JavaScript</li>
    </ul>
  </body>
</html>

728x90