Yosep Lee · dev log

  • 홈
  • 태그
  • 방명록

블록 레벨 요소 1

01. 인라인(Inline)구조와 블록 레벨(Block-level)구조

이미지 출처 블록 레벨 요소(Block-level Elements) - 마크업을 할 때 줄이 바뀌는 특성을 가지고 있다. - 블록 레벨 요소는 텍스트(문자)와 인라인 요소를 자식 요소로 포함할 수 있다. - 블록 레벨 요소 중에는 블록 레벨 요소를 자식 요소로 포함할 수 있는 요소와 없는 요소가 있다. - 블록 레벨 요소는 하나의 박스라고 생각하면 된다. - 하나의 박스(영역)이기 때문에 margin 값과 padding 값을 적용할 수 있다. ex). , , 같은 요소들은 대표적인 블록 레벨 요소로 화면상 줄 바꿈 현상이 일어난다. 블록 레벨 요소 블록 레벨 요소 성질 줄 바꿈이 생깁니다. 인라인 요소(Inline Elements) - 마크업을 할 때 가로로 정렬이 된다. 즉 줄이 바뀌는 특성이 없고 한..

Archive/HTML 2023.02.17
1
더보기

목차

프로필사진
이요셉 @kebab-lee

궁금하면 직접 만들어봐야 직성이 풀립니다. 프론트부터 서버까지, 손대본 것들을 기록합니다.

  • 분류 전체보기 (133)
    • 실험과 해결 (3)
    • 설계와 기초 (2)
    • 인사이트 (2)
    • Archive (1)
      • HTML (11)
      • Javascript (56)
      • CSS (8)
      • PHP (7)
      • Programmers (25)
      • Animation (6)
      • 일상 (12)

Tag

Semantic markup, 서버사이드랜더링, coding, if(kakao), 원시유형, 자바스크립트, 조금 부끄러운, html, 시멘틱마크업, id선택자, 논리적 순서 마크업, css, class선택자, 미국여행, Logical sequence markup, 영알못, 기초코딩, 개발자써밋, 텍스트관련태그, 블록레벨요소,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Archives

Calendar

«   2026/11   »
일 월 화 수 목 금 토
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 :

Copyright © Daum Corp. All rights reserved.

티스토리툴바