WEB2 - JavaScript

CSS 기초

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

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

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

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

 CSS 선택자

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. 굼벵이
    완료
  2. 홍주호
    20191107 완료
  3. sunday
    완료
  4. Kayne
    클래스는 grouping이 가능하며 아이디는 학번처럼 중복이 불가능한 유일한 선택자
  5. 은별
    완료
  6. 육포
    20191024
  7. Bart Lee
    완료
  8. 봉가리봉봉
    감사합니다
  9. 굼벵이
    완료
  10. 박창신
    완료
  11. 코딩만이 살길이다
    완료
  12. 20190930 Ted 완료!
  13. 알베르토
    id는 한번, class는 여러번
    대화보기
    • 건우
      id 랑 class가 뭐가 달라요???
    • 김민재
      강의완료했어요~재밌고 유익한 강의 감사합니다!
    • 현우
      완료
    • 윤재웅
      20190914 수강완료
      감사합니다!
    • 쑤우
      수강완료. 감사합니다~
    • 들국화
      감사합니다
    • 크록
      완료
    • 한조
      감사합니다!
    • JT_brand
      완료
    • 한상윤
      완료

      css 선택자속성 복습

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

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


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

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

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

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

      선택자의 우선순위
      1. #id
      2. .class
      3. span
    • 코돌이
      5/10 완료!
    • 위준우
      완료
    • Jongjin Park
      5/4 완료!
    • 최승윤
      완료!
    • 김밀
      id(class(span
    • 김밀
      태그는 아무 것도 안 붙인다
    • 김밀
      .은 class #은 id
    • 김한주
      완료
    • cooipop
      완료요~~^^
    • 즈아아아
      id > class > span
    • 끝가지간다
      패스~
    • supernet
      완료!!!
    • jch9537@gmail.com
      완료!
    • 이달
      완료
    • 2019-02-18 완료
    • 우도순
      완료
    • 발헤
      감사합니다. 완료
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기