생활코딩

Coding Everybody

선택자와 선언

토픽 생활코딩 > 클라이언트 > CSS > CSS 수업

어떤 태그를 디자인하기 위해서는 디자인하려는 태그를 

  1. 선택하고 (선택자)
  2. 선택한 대상에게 효과를 줘야 합니다. (선언)

이번 시간에는 CSS에서 가장 기본적인 문법이라고 할 수 있는 이 선택자(selector)와 선언(declaration)에 대해서 알아봅니다. 가장 중요한 내용이라고 할 수 있습니다. 

선택자와 선언

 

예제 - selector_declaration_1.html

<!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>

 

댓글

댓글 본문
  1. kdb5869
    24.04.25
  2. 마우스오른쪽버튼
    완료
  3. 곤비
    2.15 ok
  4. 미래도비
    1.12
  5. 덕자
    완료!
  6. DreamBoy
    2023.09.14. CSS - 선택자와 선언 파트 완료했습니다.
  7. 다겸란
    수강완료
  8. JH의꿈
    23년 8월 14일 학습
  9. 고원규
    완료
  10. AgainstartJH
    2022년 10월 26일 수요일 학습완료!
  11. 헤밍웨이
    220822
  12. 비전공자
    22.08.19
  13. vigorously27
    2022년 7월 18일 월요일 학습완료!
  14. INJE
    22/03/12
  15. 중딩 개발자
    2022 2 11 완
  16. jjy_lee2468
    22.02.03수강완료
  17. 장나경
    210113
  18. 뭉치우석
    부릉부릉 시동… 아직은 굿
  19. 코딩혁명
    2021.11.30 감사합니다
  20. 드림보이
    2021.11.09. 선택자와 선언 파트 수강완료
  21. 밀보리
    211024 학습완료 감사합니다!
  22. 황금아가리
    211003
  23. neal
    2021.09.21 완료
  24. 이현수
    2021.09.02(목)
  25. 유산소
    감사합니다
  26. 두드
    2021.07.21 완료
  27. 감자먹는넘
    감자
  28. jeisyoon
    2021.06.21 선택자 선언 - OK
  29. barozaqu
    20210518.
  30. Jeong Il Haan
    20210511
  31. 무탕
    2021.5.7 완료
  32. 짜rr
    감사히 잘 보았습니다.
  33. gkalsdlf
    ㅇㄹ!
  34. Minint
    2021.02.26
  35. HyeonHui Jeong
    20210215
  36. 스마일가이
    2021.01.26 완료 감사합니다
  37. datsciseol
    20210115
  38. 따뜻한츄르
    201229
  39. Gili
    201223 ✅
  40. 2NG(이엔지)
    <body>
    <h1 >hello world</h1>

    h1 여는태그 부분의 >가 한 칸 떨어져 있네요.
    대화보기
    • 201213
    • 몽실엄마
      오늘도 하나 배워갑니다.
    • switpotato
      20201122: 2차학습 완료
    • 켄드릭
      2020년 10월 29일(목) 13:49 1차 학습완료
    • jaehyunlee
      완료
    • 오석민
      완료
    • 박병진
      20200930완료
    • 콜라
      20200926완료
    • 여니여니
      200920 감사합니다
    • 김성곤
      20200716 감사합니다!