WEB2 - JavaScript

CSS 기초

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

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

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

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

 CSS 선택자

소스코드

변경사항

댓글

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

    css 선택자속성 복습

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

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


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

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

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

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

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