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

주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

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

주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

검색하기 폼
  • 분류 전체보기 (306)
    • React (40)
    • Vue (22)
    • Javascript (55)
    • Typescript (11)
    • 개념 (86)
      • 2025 학습 (23)
    • HTML (24)
    • Wordpress (10)
    • 아티클 (45)
    • ---------------------------.. (6)
      • 삶, 리뷰 (6)
  • 방명록

margin-collpasing (1)
[아티클 프로젝트 047] 취준생이 반드시 알아야 할 프론트엔드 지식들 -CSS

취준생이 반드시 알아야 할 프론트엔드 지식들 -CSS Box Model box model Content Area Padding Area Border Area Margin Area box-sizing content-box : 컨텐츠 영역 기준 border-box : 테두리 영역 기준 Float 해제 부모에 float 적용 자식크기만큼 크기가 줄어듬 부모가 여러개일 경우 float를 또 써야하거나 clear해야함 부모에 overflow 적용 옵션에 따라 스크롤바가 생기거나 컨텐츠가 잘릴 수 있음 부모가 끝나기 전 빈 엘리먼트 추가 후 clear 적용 의미 없는 엘리먼트가 추가되므로 권장하지 않음 부모에 display:inline-block 적용 부모엘리먼트와 다음에 오는 엘리먼트 사이에 여백이 생김 자식크기..

아티클 2020. 10. 6. 22:39
이전 1 다음
이전 다음
최근에 올라온 글
최근에 달린 댓글
«   2025/09   »
일 월 화 수 목 금 토
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
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.