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

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)
  • 방명록

Block (1)
display 속성과 flexbox

css에서 display 속성은 무슨 역할을 할까요? 모든 엘리먼트는 사각형의 형태를 가지고 있다고 이전 시간에 배운 것이 기억나시나요? display속성은 그 사각형이 어떻게 작동될지를 정해주는 속성입니다. 태그와 태그를 비교할 때 태그는 display의 속성값이 block이고, 태그는 inline이라고 설명한 적이 있습니다. 그림을 보면서 복습하기 위의 링크를 누르시고 그때 설명했던 그림을 보시면 block과 inline이 공간을 어떻게 차지하는지 바로 확인할 수 있습니다. 그리고 그때 배우지 못했던 속성값들을 좀 더 살펴보도록 하겠습니다. display이 값에 none이라는 값을 준다면 해당 엘리먼트는 사라집니다. div-1 div-2 div-3 위의 소스코드를 태그 사이에 넣어주세요. 그리고 실행..

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

Blog is powered by Tistory / Designed by Tistory

티스토리툴바