일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Supabase
- 연산자
- HTML
- react
- 생활코딩
- 코딩독학
- 리액트
- web
- jQuery
- JavaScript
- 타입스크립트
- 렛츠기릿자바스크립트
- PROJECT
- CSS
- 웹디자인기능사실기
- 웹디실기
- 세로메뉴바
- 프론트엔드
- git
- 정보처리기사
- 자바스크립트
- 실기
- 슬라이드전환
- github
- 웹디자인기능사
- 깃
- 코드공유
- JS
- 웹퍼블리셔
- 비전공자
Archives
- Today
- Total
목록inline-block (1)
코딩하는라민

display 속성 (block, inline, inline-block, none) 1. display 속성 ① block - width 가 기본 100%라 한줄을 다 차지. 즉, block 요소 양 옆으로 다른 요소가 자리할 수 없다. ex) h, p, ul, ol, li, div 등 안녕하세요 안녕하세요 안녕하세요 div{ background: pink; } p{ background: skyblue; } ul{ background: darkseagreen; } ② inline - 자기가 가진 콘텐츠의 크기만큼의 크기만 가지게 됨.(글자 취급). - 즉, 박스가 옆으로 배열되는 대신 css상 너비, 높이, 마진, 패딩 등이 적용되지 않는다. ex) b, a, span, img 태그 등 span{ bac..
Styling/CSS
2022. 9. 18. 08:25