[CSS] display 복습 끄적끄적

2022. 4. 8. 09:08·Stack/CSS

block / inline (컨텐츠의 크기만 가짐, width, height 못줌) / inline-block (옆으로 올 수 있고 크기도 줄 수 있음) / none

em, span, a, input, select, strong

div, p, h1, h2, ul, ol, li, dl

 

<div>box1입니다.</div>  

<div>box2입니다.</div>

 

저기 초록 부분때문에 공백 생김 -> 부모요소 0줘야 함

<div>box1입니다.</div><div>box2입니다.</div> 이렇게 붙여쓰면 저거 안생기지만

소스가 길어지면 보기 복잡해애 ~

 

box-sizing

content-box

border-box

'Stack > CSS' 카테고리의 다른 글

[CSS] background 연습  (0) 2022.04.08
[CSS] 페이지 똑같이 display ~  (0) 2022.04.08
[CSS] 선택자 / display 연습  (0) 2022.04.07
[CSS] CSS 복습 끄적끄적  (0) 2022.04.07
[CSS] fontstyle / box / table 연습  (0) 2022.04.06
'Stack/CSS' 카테고리의 다른 글
  • [CSS] background 연습
  • [CSS] 페이지 똑같이 display ~
  • [CSS] 선택자 / display 연습
  • [CSS] CSS 복습 끄적끄적
7ingout
7ingout
  • 7ingout
    Hello, 7ingout world!
    7ingout
  • 전체
    오늘
    어제
    • 분류 전체보기 (205)
      • Project (5)
      • Stack (173)
        • React (40)
        • JavaScript (50)
        • TypeScript (14)
        • HTML (11)
        • CSS (31)
        • Spring (9)
        • PHP (15)
        • SQL (3)
        • Python (0)
      • ETC (9)
      • Design (13)
        • Illustrator (6)
        • Photoshop (7)
      • Articloid (4)
        • 7ingout (4)
  • 공지사항

    • ☻
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
7ingout
[CSS] display 복습 끄적끄적
상단으로

티스토리툴바