후회가 없도록

  • 홈
  • 태그
  • 방명록

float 1

[CSS] 웹 페이지 레이아웃(feat. 박스 모델, 마진 병합)

※ 해당 글에서는 CSS의 선택자를 임의로 태그명을 호출하는 것처럼 작성했지만, 실제로는 선택자 작성 방법을 참고하여 호출할 것. 1. CSS 박스 모델 HTML과 CSS에서는 각 태그와 구역을 박스 모델로써 나타낸다. 그리고 여러 개의 박스 모델들이 각각 아래와 같은 구조를 가지며 차곡차곡 쌓인 것이 웹 페이지이다. 이 박스 모델은 margin, border, padding, content로 구성된다. 이 중 margin, padding은 구역의 넓이와 높이, 여백 등을 설정할 수 있는 속성으로, 상하좌우 설정이 가능하다. top, right, bottom, left 순서로 한 줄에 속성값 작성도 가능하다. /* 상하좌우 중 원하는 방향 속성만 지정 */ box { margin-top: 50px; ma..

지극히 개인적인 공부 노트/웹(Web) 2021.08.15
1
더보기
프로필사진

배움과 기록을 통해 성장하려고 노력하는 주니어 프론트엔드 개발자의 블로그입니다.

  • 분류 전체보기 (109)
    • SW, IT 이슈 (23)
      • 스크랩(Scrap) (22)
      • 행사(Event) (1)
    • 지극히 개인적인 공부 노트 (85)
      • 인공지능(AI) (4)
      • 알고리즘(Algorithm) (15)
      • 데이터베이스(Database) (9)
      • 깃(Git) (3)
      • 자바스크립트(JS) & 타입스크립트(TS) (4)
      • 리눅스(Linux) (4)
      • 리액트(React) (3)
      • 파이썬(Python) (14)
      • 웹(Web) (11)
      • 근-본(Roooooooooooot) (10)
      • 토막 상식(Shorts) (5)
      • UI & UX (1)
      • 기타 (2)
    • 소소한 프로젝트 (1)

Tag

알고리즘, Algorithm, Python, react, CSS, HTML, 파이썬, JavaScript, 웹, 삼성SDS, 리액트, 백준, 리눅스, 인공지능, 디지털 트랜스포메이션, AI, 스파르타코딩클럽, 머신러닝, SQL, 클라우드,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바