생활코딩

Coding Everybody

코스 전체목록

닫기

CSS 기초

아래 질문에 대답할 수 있다면 이 수업은 듣지 말고 다음 수업인 '제어할 태그 선택하기'로 바로 넘어가셔요. 

  • CSS는 어떤 목적의 언어인가요?
  • CSS를 웹페이지에 삽입하는 방법은 무엇인가요?
  • style 속성은 무엇인가요? 
  • 선택자가 무엇인가요?

style 속성을 이용해서 CSS 사용하기

 style 태그를 이용해서 CSS 사용하기

 CSS 선택자

소스코드

변경사항

댓글

댓글 본문
  1. zksnark
    22 08 04
  2. robert
    2022-08-01
  3. 코딩러버
    CSS를 아므로 넘어갑니다
  4. 이슬유치원
    22.7.11 완료
  5. 김혜민
    22.07.10
  6. Dragonmin
    220709
  7. 220708시작
  8. 진진리
    0707
  9. phoenix0428
    20220706
  10. toonfac
    220703 오후 5시 54분 완료 CSS 강의 들어서 패스
  11. ichenny
    2022.06.25
  12. 캐찌
  13. 양빵
    220609
  14. onehae
    220602
  15. 진진리
    22.05.18
  16. 달수
    20220513
  17. rhdwhdgu
    22.04.26
  18. 22.04.11
  19. 너구리기린
    2022.03.29
  20. 이규진
    20220329
  21. DH니스
    2022.03.27
  22. 지구
    2022.03.13
  23. new 개발자
    20220312
  24. 완료
  25. 드림보이
    2022.02.15. WEB2 - JavaScript - CSS 기초 파트 수강완료
  26. 미래에 후회안할 자신있어?
    2022-02-10 완료
  27. 티타
    20220204
  28. 20220125
  29. 아까그애
    2022-01-20 완료
  30. 열정jk
    220115 감사합니다
  31. 20211229 css 복습 겸
  32. 이거왤케어려워
    211229 완료 감사합니다!
  33. commonerd
    2021-12-22
    7. CSS 기초
    - <h1 style="background-color: coral; color:powderblue"> 무슨 음식을 먹고 싶으세요?</h1>
    - div, span 전체와 부분 할당
    - <span style="font-weight:bold;">내년에는</span>
    .ji{font-style: oblique;
    color:red;
    }
    #first{
    color:green;
    }
    span{
    color:blue;
    }
    </style>
    - . = class ; # = id
    - class는 반, id는 학번(절대로 같으면 안됨. 한 번 나오면 두 번 쓸 수 없음)
    - 클래스 선택자가 포괄적, id 선택자는 타겟팅
  34. 소설가
    2021-12-15 완료
    고맙습니다.
  35. style 태그내에 적는 내용은 CSS 언어로 적고,
    - .js와 같이 .로 시작하는 이름은 span 태그의 class 속성에 대응
    - #first와 같이 #으로 시작하는 이름은 span 태그의 id 속성에 대응
    - . 또는 #이 없이 이작하는 span은 HTML의 span 태그에 대응
  36. 완료
  37. 롤링
    Web2 - CSS 수업 들었으므로 건너뜀.
  38. survive
    21.11.22
  39. survive
    21.11.22
  40. 개발맨
    완료
  41. 21-10.26. 7타.
  42. 21-10-25. 6타.
  43. 21-10-22. 5타.
  44. 해피랜저
    21.10-20 감사!~
  45. 21-10-17. 4타.
  46. 이가은
    21년10월17일
  47. 21-10-16. 3타.
  48. 21-10-15. 2타.
  49. wj613417
    211014
  50. 야옹냐옹
    21.10.11
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기