WEB2 - JavaScript

CSS 기초

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

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

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

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

 CSS 선택자

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. 김한주
    완료
  2. cooipop
    완료요~~^^
  3. 즈아아아
    id > class > span
  4. 끝가지간다
    패스~
  5. supernet
    완료!!!
  6. jch9537@gmail.com
    완료!
  7. 이달
    완료
  8. 2019-02-18 완료
  9. 우도순
    완료
  10. 발헤
    감사합니다. 완료
  11. 김창완
    감사합니다~~
  12. Juyeon Heo
    완료 :)
  13. 지미츄
    완료! 감사합니다!
  14. 이수하
    완료
  15. 함가죠
    완료 감사합니다:)
  16. 김수빈
    완료
  17. 냄민새감
    완료!
  18. 한강
    매일 매일 감사합니다. :)
  19. 갓고잉
    감사합니다. 정말 좋은 강의입니다..
  20. 정태성
    감사합니다.
  21. 키보드치는남자
    잘들었습니다
  22. 윤정섭
    감사합니다.
  23. icdoit
    감사합니다.
  24. 감사합니다^^
  25. 태드>클래스>아이디 군요
  26. 로버트한
    css의 선택자의 중요성을 알게 되었네요 ^^
  27. .js{ // 클래스 값 참조 태그의 클래스 값이 js 라면 전부 적용
    font-weight: bold;
    color:red;
    }
    #first{ // id 값 참조 태그의 id값이 first 인 경우 전부 적용
    color:green;
    }
    span{ // 태그 값 참조. 태그가 span 인 것 전부 적용
    color:blue;
    }
  28. 반자동
    id
    class
    .n
  29. Hudson
    <style>
    CSS{
    font-weigh:bold;
    color:blue;
    }
    </style>
  30. 내이름은이한샘
    영상 감사합니다.!!!
  31. 개인적으로 css 수업보다 더 명확한 설명이었습니다. 우선순위에 초점을 두고 이해하기엔 이 강의가 더 이해하기 쉬웠습니다.
  32. ilovepc
    강의 잘보았습니다.
  33. 날아라기팔아
    css수업 들었지만, 한번 더 들어서 한번 더 익히는게 좋았던거 같아요.
    정말로 안다면 모두 이해가 되겠죠? ㅎㅎ
  34. 원스팩토리
    감사합니다.
  35. 스페이스몽키
    잘 봤습니다.
  36. jayxwoo
    잘 봤습니다^^ 강의 항상 감사합니다.
  37. noName
    2018-5-9 완료
  38. 이하빛
    감사합니다^_^ 추천해주신 빔캠프도 찾아볼게요~!
    대화보기
    • 성수
      https://www.w3schools.com......all
      네 맞네요. color만 되는거같아요
      굳이 넣으시려면 div로 감싸셔서 하시면 될거같아요. 나중에 시간나시면 시중에 나와있는 css책 한권 도서관에서 대여하시거나 서점에서 구입하셔서 보시면 이해가 잘 될 것입니다. 다른 인터넷 강의로는 유투브에서 빔캠프 추천합니다.
      대화보기
      • 이하빛
        첫번 째 강의 [style 속성을 이용해서 CSS 사용하기]에서

        <h1><a href="index.html">WEB</a></h1>에
        style="background-color:coral; color:powderblue" 값을 넣었더니 반응하지 않더라구요~

        그 밑에 <h2>에 넣으니까 적용되던데,
        <h1>은 뒤에 <a href="index.html">가 있어서 적용이 안되는 건가요?
      • 상상예찬
        김예찬 배재영
      • 이성준
        CSS 왕자 이성준!
      • Byoung Nam Soh
        Summay . class; # id; null span: id - class - span
      • daaawnstar
        <div>와 <span> 차이
        div 어떠한 의미도 기능도 없다. 정보를 제어하고 싶을 때 감싸주는 무색무채의 태크
        화면전체를 사용하여 줄바꿈이 일어남.
        span은 전체를 쓰냐 쓰지않느냐의 차이
      • Dani Choi
        . -> class
        # -> id
        아무것도 붙이지 않으면 웹페이지에 있는 모든 태그를 의미

        CSS selector
        priority
        id>class>span

        class 광범위하게 처리하고 싶은 것들
        id 예외처리하고 싶은 것들
      • Dreaming_Joyy
        포괄적인 것보다 구체적인 것이 우선한다 = selector사이의 우선순위!
        span < class(.) < id(#)
      • Wonil Shim
        그 동안 HTML 코드 볼 때 가장 부담스러웠던 부분을 알게 된 것 같네요. 감사합니다.
      • Jay2swag
        감사드립니다.
      • 김진동
        18.3.4복습
      • Mingi Son
        180213 감사합니다
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기