WEB2 - JavaScript

CSS 기초

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

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

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

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

 CSS 선택자

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. 김민재
    강의완료했어요~재밌고 유익한 강의 감사합니다!
  2. 현우
    완료
  3. 윤재웅
    20190914 수강완료
    감사합니다!
  4. 쑤우
    수강완료. 감사합니다~
  5. 들국화
    감사합니다
  6. 크록
    완료
  7. 한조
    감사합니다!
  8. JT_brand
    완료
  9. 한상윤
    완료

    css 선택자속성 복습

    id:우선순위 1위, 한페이지에서 한번밖에 사용하지 못한다. #을 써서 적용한다. id=#
    class:우선순위 2위, class뜻은 반이라는 뜻으로 css그룹핑의 개념이다. " . "(마침표)를 써서 적용한다 .=class
    일반태그:우선순위 3위

    <div>태그는 무색무취의 태그로써 개별로 편집하기위해 인위적으로 설정하는 태그이다.
    이러한 기능과 비슷한 <span>이라는 태그가 있는데 두개 태그의 차이점은 "줄바꿈"이 적용되나 안되나이다.
    <div>태그는 전체가 적용받는다. 해서 문단에 편집을 위해 쓰기보다는 grid속성을 편집할때 쓰는것이 더욱 실용적일것이다.


    동시에 효과를 입힐때 우선순위 순서대로 효과가 나타난다.

    <style>태그는 <body>태그 안에있는 다수의 출력정보를 다같이 편집하기 편하게 해주는 또다른 디자인 태그인거같다.
  10. 오케이
    완료
  11. 동군짱
    감사합니다
  12. pangse88@gmail.com
    감사합니다. 사랑합니다
  13. 코딩가즈아
    감사합니다
  14. eventme
    완료
  15. hyegineer
    완료
    css개념은 알고있어서 다음으로 넘기기~
  16. danielkim2554@gmail.com
  17. Hyeon-Jun Ha
    완료
  18. 달현
    선택자의 우선순위
    #id > .class
  19. kumkum
    css는 꾸며주는 기능

    style 속성 <h1 style="font-weight:bold;">
    style tag <style> </style>

    id =한 가지 대상을 식별
    class = 그룹핑의 의미

    선택자의 우선순위
    1. #id
    2. .class
    3. span
  20. 코돌이
    5/10 완료!
  21. 위준우
    완료
  22. Jongjin Park
    5/4 완료!
  23. 최승윤
    완료!
  24. 김밀
    id(class(span
  25. 김밀
    태그는 아무 것도 안 붙인다
  26. 김밀
    .은 class #은 id
  27. 김한주
    완료
  28. cooipop
    완료요~~^^
  29. 즈아아아
    id > class > span
  30. 끝가지간다
    패스~
  31. supernet
    완료!!!
  32. jch9537@gmail.com
    완료!
  33. 이달
    완료
  34. 2019-02-18 완료
  35. 우도순
    완료
  36. 발헤
    감사합니다. 완료
  37. 김창완
    감사합니다~~
  38. Juyeon Heo
    완료 :)
  39. 지미츄
    완료! 감사합니다!
  40. 이수하
    완료
  41. 함가죠
    완료 감사합니다:)
  42. 김수빈
    완료
  43. 냄민새감
    완료!
  44. 한강
    매일 매일 감사합니다. :)
  45. 갓고잉
    감사합니다. 정말 좋은 강의입니다..
  46. 정태성
    감사합니다.
  47. 키보드치는남자
    잘들었습니다
  48. 윤정섭
    감사합니다.
  49. icdoit
    감사합니다.
  50. 감사합니다^^
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기