Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- Grid
- confirm()
- localStorage
- CSS
- javascript
- package.json
- javascipt
- createElement
- foreach()
- classList
- mongodb
- grid-column-end
- gird-row-end
- grid-row-start
- grid-template-areas
- python #qqplot #qq-plot #code
- scope
- React
- grid-column-start
- css#cascading#display#block#inline
- className
- box-shadow
- valuable
- prompt()
- variables
- relative
- react-hook-form
- collapsing-margins
- var
- border-style
Archives
- Today
- Total
목록css#cascading#display#block#inline (1)
data life
CSS - Basic, Display
CSS selector { property : property-value; }; : Cascading Style Sheet 위 -> 아래로 차례대로 적용 결국 맨 마지막에 있는 코드가 가장 마지막에 적용됨 Display Block : width, height, margin, padding, border 등의 속성이 있음 대표 태그 Inline ( in the same line) : width와 height 속성 무시 : margin과 padding 좌우만 반영 대표 태그 Inline-block "block + in the same line" : width와 height 속성 가짐 : margin 상하좌우 가능 but, 잘 이용하지 않음 -> 사이의 알 수 없는 빈 공간 발생 -> 정해진 형식이 없음 ->..
CSS
2022. 10. 13. 04:08