본문 바로가기 메뉴 바로가기

Just Make IT

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Just Make IT

검색하기 폼
  • 전체 글 보기 (143)
    • Frontend-dev (96)
      • HTML-CSS-JS (65)
      • react (30)
    • Backend-dev (36)
      • python (36)
    • Useful-tools (9)
    • computer (2)
  • 방명록

캐스케이딩 (1)
캐스캐이딩의 개념과 css 사용하기

선택자를 배웠으니 css를 사용하는 방법을 배워보도록 하겠습니다. css셀렉터를 적고 괄호 안에 속성과 값을 적으면 css가 적용됩니다. 속성과 값은 콜론으로 구분하고, 한 가지 효과가 끝나면 세미콜론으로 마무리합니다. 지금의 그림은 태그 전부에 배경색을 검은색으로 바꾸고, 글자색은 흰색으로 바꾼 것입니다. 정리하자면, css셀렉터 { css속성 : 값 ; } 이라는 형태가 됩니다. 그럼 css효과를 가진 문서는 어떤 형태를 가지게 될까요 ? p{ color : blue; } #first { color : red; } .second { color : green; } div span{ background-color: black; } css 문서는 위와 같은 형태가 됩니다. 한 페이지를 꾸민다는 것은 많은 ..

Frontend-dev/HTML-CSS-JS 2017. 12. 24. 14:07
이전 1 다음
이전 다음
TAG
  • 자바스크립트
  • css grid
  • 플렉스
  • 장고 튜토리얼
  • html
  • 리액트
  • React
  • python
  • 깃허브
  • responsive web
  • three.js 튜토리얼
  • 파이썬 예제
  • JavaScript
  • 반응형 웹 예제
  • 리액트 라우터
  • 반응형 웹
  • 스크래핑
  • es6
  • css
  • flex
more
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바