NAMU DAYS

menu-opener icon
  • 홈
UI / UX 웹 퍼블리셔 & 프론트엔드 [13] - 기본 레이아웃 종합[CSS2.0] 포스팅 썸네일 이미지

STUDY/HTML & CSS

UI / UX 웹 퍼블리셔 & 프론트엔드 [13] - 기본 레이아웃 종합[CSS2.0]

이번 실습은 저번까지 했었던 기본 레이아웃 실습을 종합 정리하는 실습이다. ○ 객체 [100 * 100 / 파란 배경 / 내부 여백 50 0 0 50] : padding을 활용하여 사이즈가 늘어나는 것을 항상 유의한다! → 150 * 150 [65 * 65 / 녹색 배경 / 내부 여백 35 0 0 35] : padding을 활용하여 사이즈가 늘어나고[100 * 100], c의 위치에 영향을 준다. 객체 .c [30 * 30 / 노란 배경 / b의 div 요소] : 처음 생성 위치는 margin : 0;으로 왼쪽 구석이지만, b의 padding: 35px 0 0 35px;을 통해 c 객체는 오른쪽 아래쪽으로 35px 0 0 35px만큼 밀린다. [50*50 / 회색 배경 / 내부 여백 150 0 0 150..

2021.03.14 게시됨

1

공지사항

  • 없으면 허전해서 적는 공지

최근글

인기글

최근 작성된 댓글

태그 클라우드

  • a target=""
  • font-size
  • div
  • li
  • ../
  • 정적웹
  • Meta
  • border
  • margin
  • padding
  • Width
  • 동적웹
  • type속성
  • ./
  • ul
  • html
  • style속성
  • nth:-child()
  • a href=""
  • css
  • input type="file"
  • span
  • 기본레이아웃
  • b태그
  • css2.0
  • data속성
  • 태그
  • table
  • select태그
  • height
Copyright . 장나무 all rights reserved.
Designed by 베이스캠프
닫기 아이콘
사이드 프로필 배경이미지
블로그 이미지

장나무

개발자를 꿈꾸는 나의 일상

  • 분류 전체보기 (15)
    • STUDY (15)
      • REACT (0)
      • HTML & CSS (15)
      • JAVA (0)
      • SETTING (0)
    • DAYS (0)
    • THINK (0)

전체

오늘

어제

Designed by 베이스캠프

티스토리툴바