개발 공부

CSS 기본 박스 모델 - 문서의 레이아웃을 께산할 때, 브라우저의 표준 CSS 기본 박스 모델에 따라 각각으ㅟ 요소를 사각형 박스로 표현한다. - CSS는 박스의 크기, 위치, 속성(색, 배경, 테두리 모양 등)을 결정한다. - 하나의 박스는 네 부분(영역)으로 이뤄진다. - 각 영역을 콘텐츠 영역, 안쪽 여백(패딩) 영역, 테두리 영역, 바깥 여백(마진) 영역이라고 부른다. 컨텐츠 영역(Content area) - 글이나 이미지, 비디오 등 요소의 실제 내용을 포함한다. - 컨텐츠 영역의 크기는 컨텐츠 너비(컨텐츠 박스 너비)와 컨텐츠 높이(컨텐츠 박스 높이)이다. - 배경색과 배경 이미지를 가지고 있기도 하다. - box-sizsing 속성의 값이 기본값인 content-box이며, 요소가 블록 레..

CSS 속성(Properties) - 화면에 어떠한 요소들을 꾸며주는 역할 - 제어 요소 박스 모델 글꼴, 문자 배경 배치 플렉스(정렬) 전환 변환 띄움 애니메이션 그리드 다단 필터 1. 박스 모델 - 문서의 레이아웃을 계산할 때, 브라우저의 렌더링 엔진은 표준 CSS 기본 박스 모델에 따라 각각의 요소를 사각형 박스로 표현한다. 2. 글꼴, 문자 - 텍스트 꾸미기. 글꼴과 볼드체, 이탤릭체, 줄 띄어쓰기, 그림자 넣기 등과 같은 텍스트 기능을 설정하는 것을 포함한 텍스트 스타일링이 가능하다. 3. 배경 - 그라데이션(gradients), 배경 이미지, 둥근 테두리 등을 추가할 수 있다. 4. 배치 - 요소들의 위치를 지정할 수 있다. 5. 플렉스 - 하나의 플렉스 아이템이 자신의 컨테이너가 차지하는 공..