힘차게, 열심히 공대생

  • 홈
  • 깃허브
  • 방명록

마진 개념 1

[Html/css] html,css 초간단 기초 문법 2 (패딩과 마진, 포지션)

1. Padding과 Margin 각 아이템 요소들의 크기를 결정해주는 옵션은 패딩과, 마진 2가지가 있다. 패딩과 마진의 차이점은 Padding : 내 덩치를 키운다. (아이템요소 내부 크기) Margin : 다른 사람과의 거리를 둔다. (아이템 외부 크기) 라고 나는 외운다. Padding, Margin 크기 정해주기(순서) 패딩과 마진 둘다 크기를 정해줄 때 4면 (위 아래, 왼쪽, 오른쪽)을 각각 다르게 줄 수 있다. 작성 방법 item { padding : 1px 5px 8px 12px; /*위,오른쪽, 아래, 왼쪽*/ } 2. 포지션 (Position) css 포지션은 크게 3가지 (relative, absolute, fixed)가 있다. 3가지 포지션의 차이점은 1. relative (반응형..

html-css 2021.08.06
이전
1
다음
더보기
프로필사진

민돌v 🌱Back-end Developer

  • 분류 전체보기 (478)
    • 회고 (40)
      • 일상 후기 회고 (6)
      • Today I Learned (30)
      • WIL (내일배움 캠프) (4)
    • 🔥 공대생은 성장 중 (12)
      • 강의 (5)
      • 세미나 (5)
      • 일잘하기 (2)
    • 📗 개발자 책 읽기 (21)
      • 모던 자바 인 액션 (7)
      • 가상 면접 사례로 배우는 대규모 시스템 설계 기초 (10)
      • 한권 내용 정리 (4)
    • Java (54)
      • Java 문법 (24)
      • Design Pattern (23)
      • 클린 코딩 (with OOP) (6)
    • Spring (101)
      • Spring Boot (72)
      • Test-Driven Develop (13)
      • Spring 김영한 (5)
      • Spring err (9)
      • 기타 (2)
    • Kafka (0)
    • Infra (35)
      • AWS (24)
      • Docker(도커) (3)
      • CI, CD (8)
    • Web-Network (9)
    • html-css (11)
    • JavaScript (27)
    • Flask (5)
    • Django (23)
      • 기초 (6)
      • 응용 (6)
      • django error (1)
      • 개인 프로젝트1(안전한 보행길 지도) (10)
    • Python (9)
    • TCP-IP 윈도우 소켓 프로그래밍 (6)
    • QGIS(지리정보) (4)
    • 운영체제 (18)
      • 쉽게 배우는 운영체제 (9)
      • Linux (9)
    • DataBase (28)
      • DB (2)
      • Mysql (19)
      • MongoDB (6)
      • Redis (1)
      • DynamoDB (0)
    • Git (9)
    • Android (1)
    • 알고리즘 문제 (54)
    • 스파르타 내일배움 캠프 (3)
    • CS 면접 준비 (3)
    • 기타 애매한 것 (4)

방문자수Total

  • Today :
  • Yesterday :
06-28 16:58

공지사항

  • 도전하지 않으면, 노력은 의미가 없다.
  • 할거면 깊게 해, 어중간하게 말고
  • 하면, 할 수 있다.
  • 아무것도 하지 않으면, 아무 일도 일어나지 않는다~!

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Copyright © Kakao Corp. All rights reserved.

  • Git
  • Mail

티스토리툴바