WEB2 - JavaScript

CSS 기초

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

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

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

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

 CSS 선택자

소스코드

변경사항

댓글

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