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

라쿤의 끄적끄적

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

라쿤의 끄적끄적

검색하기 폼
  • All (240)
    • Dev (224)
      • DataStructure (7)
      • Algorithm (5)
      • Git (8)
      • TypeScript (7)
      • JavaScript (36)
      • Bundler (2)
      • SCSS (2)
      • CSS (10)
      • React (24)
      • Redux (8)
      • web (8)
      • Python (15)
      • Django (6)
      • Node.js (6)
      • 백준 (5)
      • Design Pattern (1)
      • Racstagram_V2 (39)
      • Racstagram_V1 (16)
      • Romentum (4)
      • Starbucks (5)
      • Paint-Up (6)
      • 포트폴리오(VRCode) (1)
      • 기타 (3)
    • 금융 (1)
    • 취미 (15)
      • 러닝 (14)
      • 카페 (1)
      • 맛집 (0)
  • 방명록

css reset (1)
20210115_웹 프론트엔드 기초02, CSS영역, Reset, 선택자, 사이트 실습

웹 프론트엔드(web front end) 기초02 1. CSS 박스 모델 모든 html 요소는 박스의 형태로 배치가 됨 -> CSS 박스 모델 영역 구성 : 내용(content) 영역 -> 안쪽 여백 영역(padding) -> 테두리 영역(border) -> 바깥 여백 영역(margin) paddig, border, margin 영역 모두 상화좌우 영역 값 조정 가능 1) content 영역 width, height 로 영역 조정 가능(고정, 상대값 모두 가능 -> px , em , %) w,h 값 없으면 글씨 크기 만큼의 영역이 지정 inline 요소의 경우 (a, span) w,h 의 영향을 받지 않음. 단, img 요소와 같은 멀티미디어 요소의 경우 w,h 값의 영향을 받음 2) paddig 영역 ..

Dev/CSS 2021. 1. 15. 23:57
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • hooks
  • NomadCoder
  • 바닐라js
  • Class
  • redux-toolkit
  • JavaScript
  • TypeScirpt
  • instagram
  • nrc
  • nodejs
  • RUBY
  • 생활코딩
  • Git
  • 기능추가
  • github
  • project
  • todolist
  • css
  • 오버라이딩
  • React
  • html
  • Python
  • 드림코딩
  • async
  • object
  • Firebase
  • 트위터 클론
  • instagram CSS
  • 그림판 만들기
  • Django
more
«   2026/01   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바