멋쟁이 사자처럼 at 한국교통대학교 7기

2019 KNUT X LIKE LION #7

코스 전체목록

닫기

CSS 선택자를 스스로 알아내는 방법

강의 

내용이 많고 복잡합니다. 시간을 충분히 확보하고 시작하세요.

 

 

 

소스코드

변경사항

댓글

댓글 본문
  1. 코코
    23.05.23
  2. 230515
  3. nightsunny
    23.04.30 check.
  4. 하얀세상
    23.04.13
  5. 오즐
    2023.03.20
  6. 코딩척척석사
    2023.03.08
  7. ashkite12
    23.03.06
  8. 태발군
  9. 23.03.01
  10. Gosanjung
    듣는 수업량이 많아지니까 혼선도 오는것 같아요,,,ㅠ
    그래도 감사 합니다~^^
  11. otcace
    23.02.19
  12. 고원규
    2023.02.07
  13. 열공강아지
    2/2
  14. TheDuck
    2023. 02. 01 완료
  15. 2023-01-29
  16. 박개띠
    id = active을 오직 한 곳에만 부여할 수 있다는 말씀이신가용?? 예를 들면 2.html에선 CSS만이 id = active을 쓸 수 있다는 말씀이실까용??!!
  17. 23..01.05
  18. 빵먹고싶다
    22.11.26
  19. 미니베니
    감사합니다~
  20. 엠제이
    10132022
  21. 보통사람 박코딩
    할수있다
  22. 아아뜨아
    221005
  23. Emperor CHA
    생활코딩 Web1부터 수강하면서 가장 여러가지 개념이 한꺼번에 나온 회차네요 ㅎㅎ
    쉽게 설명해주신 이고잉님 항상 감사드립니다 :)
  24. 코딩드림
    22.09.23
  25. 코딩왕초보
    2022.09.22
  26. solfany
    2022.09.17 수강완료
  27. 당당
    2022.09.08
  28. 모카
    2022.08.26
  29. MelonMusk
    08/19
  30. 뿔고래
    선택자의 우선순위가 있다.
    tag
    class
    id

    여러가지의 선택자를 이용해서 태그의 선택을 세분화 시킨다면 우리가 적어야 하는 코드의 양을 획기적으로 줄일 수 있고 스타일을 수정하려고 할 때에 1억개의 태그의 스타일을 일일이 수정하지 않아도 될 것이다.
  31. 참새튀김
    22.08.15
  32. 코딩다람쥐
    2022.08.12 수강완료
  33. 22.08.10
  34. 헤밍웨이
    220809 완료하였습니다.
  35. 가능해
    2022.08.08
  36. 히야
    2022년 8월 4일 수강 완료했습니다. 감사드립니다!
  37. 여름이
    22.7.31.
  38. phoenix0428
    2022-07-29
  39. 코드만다
    22.07.26
  40. 꾸준히가답이다
    gogo
  41. 미야
    아 visited! 네 그게 궁금했어요 그렇군요 saw는 그냥 클래스 이름일 뿐 저는 saw 자체로 태그인 줄ㅋㅋㅋ감사합니다 덕분에 hover랑 link 배웠어요
    대화보기
    • 지금 saw를 걸은건 그냥 class 이름이 saw일 뿐이지 정말로 봤다는 의미는 아닙니다. 뒤에 추가적으로 visited를 달아준다면 실제로 본 페이지에 효과가 걸리겠지요. 예를들어 a태그에 마우스로 클릭한 상태일 때 색상에 변화를 주고 싶다면 a:active { color:red; } 이런 식으로 뒤에 진짜 그 효과를 달아주어야 말씀하신대로 적용이 되겠지요~ 마우스를 올린다거나 마우스를 영역 밖으로 뺀다거나 다양한 경우들이 있으니 공부해보셔요
      대화보기
      • 미야
        궁금한 게 있는데요 제가 웹페이지를 실제로 봤느냐 아니냐에 따라서 색깔이 다르게 들어갈 수는 없는 건가요? 지금은 그냥 제가 saw를 걸면 a에 걸린 웹페이지를 봤건 말건 전부다 saw에 걸어놓은 색깔로 들어가서요.
        혹시 원래 봤냐 아니냐에 따라서 색깔 달라지는 게 맞는 건데 제가 태그를 뭘 잘못 걸은 건지..아예 없는 웹페이지도 a로 걸어봤는데 전부 다 회색으로 뜨네요
      • 시대의 흐름
        2022.07.03 수강완료!
      • toonfac
        220703 오후 4시 11분 완료
      • 22.06.28
      • 예스아이캔
        22.06.26
      • kjs090717
        저는,
        제목과 아래에 작게 부제를 적고 싶어요.
        제목에는 'title' 클래스 속성을 주고 <style> 로 폰트와 크기, 색을 변경했어요.
        그런데 여기서 부제에서 제목과 같은 폰트에 같은 색으로 하고싶어요.
        그러면 부제에도 또다른 클래스 속성을 주고, 폰트와 색은 같은 내용을 반복해서 써야하나요?
        부제에서는 텍스트 크기의 내용만 적고 다른 속성은 그대로 두는 법이 없을까요?

        (폰트 바꾸는 법을 내가 찾아보고, 내 힘으로 알아낸 방법으로 폰트가 바뀌었을때 엄청 기뻤어요!^^)

        <!DOCTYPE html>
        <html>
        <head>
        <title>6年2組</title>
        <meta charset="utf-8">
        <link href="https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@300&display=swap" rel="stylesheet">
        <style>
        .subtitle {
        font-size: 15px;
        text-align: center; #이 반복 되는 내용을 없애고 싶음
        font-family: 'M PLUS 2', sans-serif; #이 반복 되는 내용을 없애고 싶음
        }
        .title {
        font-size: 50px;
        text-align: center;
        font-family: 'M PLUS 2', sans-serif;
        }
        </style>
        </head>
        <body>
        <div class="title">6年2組</div>
        <div class="subtitle">令和3年度平岡公園小学校6年2組同窓会</div>
        </body>
        </html>
      • Hoya
        나중에 작성하다보면 엄청 헷갈리게 될 것같은데,,
        Class, Id, 태그 외 효율적으로 그룹지어서 헷갈리지 않을 수 있는 방법 생각해보자
        22.05.28
      • 달걀
        22/05/23
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기