WEB2 - JavaScript

CSS 기초

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

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

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

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

 CSS 선택자

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. 갓고잉
    감사합니다. 정말 좋은 강의입니다..
  2. 정태성
    감사합니다.
  3. 키보드치는남자
    잘들었습니다
  4. 윤정섭
    감사합니다.
  5. icdoit
    감사합니다.
  6. 감사합니다^^
  7. 태드>클래스>아이디 군요
  8. 로버트한
    css의 선택자의 중요성을 알게 되었네요 ^^
  9. .js{ // 클래스 값 참조 태그의 클래스 값이 js 라면 전부 적용
    font-weight: bold;
    color:red;
    }
    #first{ // id 값 참조 태그의 id값이 first 인 경우 전부 적용
    color:green;
    }
    span{ // 태그 값 참조. 태그가 span 인 것 전부 적용
    color:blue;
    }
  10. 반자동
    id
    class
    .n
  11. Hudson
    <style>
    CSS{
    font-weigh:bold;
    color:blue;
    }
    </style>
  12. 내이름은이한샘
    영상 감사합니다.!!!
  13. 개인적으로 css 수업보다 더 명확한 설명이었습니다. 우선순위에 초점을 두고 이해하기엔 이 강의가 더 이해하기 쉬웠습니다.
  14. ilovepc
    강의 잘보았습니다.
  15. 날아라기팔아
    css수업 들었지만, 한번 더 들어서 한번 더 익히는게 좋았던거 같아요.
    정말로 안다면 모두 이해가 되겠죠? ㅎㅎ
  16. 원스팩토리
    감사합니다.
  17. 스페이스몽키
    잘 봤습니다.
  18. jayxwoo
    잘 봤습니다^^ 강의 항상 감사합니다.
  19. noName
    2018-5-9 완료
  20. 이하빛
    감사합니다^_^ 추천해주신 빔캠프도 찾아볼게요~!
    대화보기
    • 성수
      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 감사합니다
      • 180210 감사합니다
      • BY Chin
        넘어갑니다
      • PassionOfStudy
        << 2018-01-20 - 1일차 _여덟 번째 강의 >> --> 완료!


        WEB2 - CSS수업에서 배운 부분이므로 빠르게 보고 넘어감.
      • 감사합니다 ^^
      • 이유리
        감사합니다.
      • 사주
        추천검색어까지...! 답변 감사드립니다 검색능력을 키워야겠어요 키워드를 떠올리는게 어렵네요ㅠ
        대화보기
        • egoing
          추천 검색어 : atom multi selection

          텍스트를 선택하시고 Ctrl + D를 누르시면 같은 텍스트가 선택됩니다. 맥이라면 Cmd + D 입니다.
          대화보기
          • 사주
            네.. 근데 Ctrl+F는 아닌게 이게

            특정 글씨를 드래그 하신 이후에 단축키 한번에 원하시는 같은 글자를 바로 선택해 버리시더라고요...

            ctrl+F로 찾으면 별도의 창에 원하는걸 찾을수 있게끔 뜨는거고요..(MS 엑셀처럼)

            매우 신기하네요ㅎㅎ 강의 쭉 듣고있는데 18장 리팩토링 2분경에도 또 나옵니다 ㅋ
            대화보기
            • Khalin
              ctrl + F 나 ctrl + H를 한번 눌러 보시면 검색이나 찾기 기능이 나옵니다.
              아톰을 안써서 정확하게는 모르지만 아마 비슷할 거에요.
              대화보기
              • 사주
                10.CSS 기초 강의 5:10 지점에서
                "저는 제가가진 에디터의 기능으로 한번에 바꿀꺼에요" 라고 하시면서 탁탁탁탁 누르면서 여러개 한번에 드래그 한 것은 어떻게 하는 것인가요ㅠㅠ
                영어를 못해서그런가 검색해도 찾기가 쉽지가 않네요.. 키를 딱 한개만 누르면서 드래그를 하신건데 신기하네요
              • SanFrancisco
                저도 CSS 수업을 들은 후이기 때문에 스킵하겠습니다. :)
              • 사람
                이미 web2CSS수업을 듣고왔기 때문에 넘기겠습니다.
              버전 관리
              egoing
              현재 버전
              선택 버전
              graphittie 자세히 보기