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

LOG.info("yun's dev");

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

LOG.info("yun's dev");

검색하기 폼
  • Yun's Log (256)
    • 정처기 (3)
      • 정보처리기사 (3)
    • Linux (3)
    • CS (0)
      • SQLD (0)
    • DAILY (10)
      • _reference (3)
      • _TIP (6)
    • ERROR (56)
      • SQL (34)
      • WEB (11)
    • TOTAL (7)
      • EXCEL (1)
      • Flutter & Dart (3)
      • SQL_MariaDB (0)
      • DOCKER (0)
      • WORDPRESS (0)
      • VUE.js (0)
      • eGovFramework (1)
    • 문제풀이 (11)
      • _BAEKJOON (11)
      • _YunLOG (0)
    • └설치 및 환경설정 및 기타 (10)
    • 수업 (130)
      • └빅데이터 (2)
      • └리액트(React) (11)
      • └Android (1)
      • └SpringBoot (1)
      • └Spring Framework (9)
      • └JSP (14)
      • └Java (27)
      • └Oracle (14)
      • └JavaScript (11)
      • └HTML&CSS (38)
      • └team프로젝트 (1)
    • Practice (1)
  • 방명록

Border (1)
[CSS]박스(Box Model)

CSS Box Model 웹 문서에 텍스트, 이미지, 테이블 등의 요소를 배치하기 위해 사용 웹 문서 전체 레이아웃 정의 CSS 속성은 상속받는다. 자손 태그에 스타일이 적용된다. ex) font-family (*박스 모델 관련 속성 : 상속받지 않는다!!) 1. Box 블록 요소 인라인 요소 인라인-블록 요소 영역 부모 태그 영역의 가로 영역 전부(한줄) 컨텐츠 영역 만큼 컨텐츠 영역 만큼 문서 흐름 위에서 아래로 왼쪽에서 오른쪽으로 왼쪽에서 오른쪽으로 크기 설정 가능(width, height) 설정해도 적용 x 가능(width, height) 예시 , , 등등 , 2. 박스 기본 속성 *단위 : px, cm, %(부모 요소의 영역을 기준으로 계산) (1) 크기 - width, height tag { ..

수업/└HTML&CSS 2022. 1. 3. 13:38
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 스크립태그
  • 외부구성요소
  • html atrribute
  • A%B
  • 미디어 태그
  • CascadingStyleSheet
  • html layout
  • html base tag
  • 변수
  • selcetor
  • css
  • empty-cell
  • input type 종류
  • html input type
  • scanner
  • 입력양식
  • BAEKJOON
  • html
  • JavaScript
  • ScriptTag
  • initialized
  • html pre
  • text formatting
  • border-spacing
  • caption-side
  • 기본선택자
  • Java
  • html a tag
  • typeof
  • improt
more
«   2025/06   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바