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 | 
                            Tags
                            
                        
                          
                          - JavaScript
 - 코딩테스트
 - property
 - 코딩일기
 - Grid
 - Pseudo
 - 친해지기
 - regexp
 - 코드일기
 - vscode
 - column-gap
 - 코드다이어리
 - DOM
 - row-gap
 - HTML
 - js
 - 정규식표현
 - 코딩퀴즈
 - CLASS
 - scss
 - display
 - 가상클래스
 - Coda
 - sass
 - CSS
 - tailwindcss
 - 코딩문제
 - 선택자
 - frontend
 
                            Archives
                            
                        
                          
                          - Today
 
- Total
 
목록Margin (1)
< Code diaries />
CSS Box Model HTML Element를 박스모델로 컨트롤 하는 부분이다.이전에 블럭요소와 인라인요소, 인라인블럭요소에 대한 차이점을 정리해 본 적이 있습니다. 아래에 다시한번 표로 정리해서 보여드릴게요~ CSS에서는 꼭 알아두어야 할 사항입니다.자 이제 한번 살펴볼까요? 크기, 바깥 여백, 안쪽여백, 테두리 지정에 대한 계산 법 및 적용방법을 한번 알아봅시다~! BOX Model A. 단위(Units)- 크기나 여백을 지정할때에 사용할 수 있는 단위는 아주 많습니다.- 그 중 CSS 에서 자주 사용하는 것들에 대해 알아봅시다. 단위사용예Description백분율(%)div { width:80%; }div가 속해있는 영역내에서의 80%크기픽셀(px)div ( width:80px}div의 크..
        CSS
        
        2024. 6. 10. 18:30