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

    h1 여는태그 부분의 >가 한 칸 떨어져 있네요.
    대화보기
    • 201213
    • 몽실엄마
      오늘도 하나 배워갑니다.
    • switpotato
      20201122: 2차학습 완료
    • 켄드릭
      2020년 10월 29일(목) 13:49 1차 학습완료
    • jaehyunlee
      완료
    • 오석민
      완료
    • 박병진
      20200930완료
    • 콜라
      20200926완료
    • 여니여니
      200920 감사합니다
    • 김성곤
      20200716 감사합니다!
    • leechi
      간단히 선택하고 선언하면 기본적인 css 완성
    • 열심히사는사람
      완료
    • 한강
      선택자는 주어 선언은 서술어~~!!! 감사합니다.
      200526
    • 노래하는프로그래머
      완료!
    • adhoc
      <!DOCTYPE html>
      <html>
      <head>
      <style>
      h1{color:blue}
      </style>
      </head>

      <body>
      <h1 >hello world</h1>

      </body>
      </html>

      여기서 <h1>태그에 css 로 색깔을 파란색으로 바꿨는데 적용이 안되는데 이유가 뭔가요?
      hl 과 h1을 인식못해서 그런건가요? h2부턴 적용이잘되고 <body> 태그 밑에 <h1> 태그 안의 속성에서 색깔을 바꿔주면 잘적용되는데 <head>태그의 <style>에서 <h1>태그에 css 로 색깔을바꾸는것만 적용이 안되요 ㅠㅠ
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기