본문 바로가기
html & css/개념

선택자와 선언

by Doo Hee 2023. 9. 15.

li - 선택자 (Selector)

{} - 선언 (Declaration Block), 서술의 역할

color, text-decoration - 속성 (Property)

red, underline - 값 (Value)

: - 속성과 값을 구분 (Value-Property Separator)

; - 각 선언을 구분 (Declaration Separator)

<!DOCTYPE html>
<html>
  <head>
    <style>
      li {
        color: red;
        text-decoration: underline;
        /* 세미콜론(;): 뒤에 효과가 더 있다면 구분하기 위한 용도로 ;를 사용 */
      }
    </style>
  </head>
  <body>
    <ul>
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
    </ul>
  </body>
</html>

 

'html & css > 개념' 카테고리의 다른 글

부모 자식 선택자  (0) 2023.09.15
선택자의 종류 1 : 아이디 선택자  (0) 2023.09.15
HTML과 CSS가 만나는 법  (0) 2023.09.15
CSS 소개  (0) 2023.08.24
CSS 박스 모델과 요소의 크기  (0) 2023.07.04