반응형 CSS2 [CSS] 박스모델 개념 알기쉽게 설명! 화면의 레이아웃을 구성할 때 네모상자를 배치하여 큰 구역을 나눕니다. 이런 구역들을 나눠 박스의 개념으로 보고 코딩을 할 수 있습니다. 이 박스모델에는 콘텐츠의 실제 영역, 안쪽여백, 테두리, 바깥쪽 여백이 모두 포함되어 있습니다. 이는 css의 가장 기본적이고 근간이 되는 내용이기 때문에 반드시 이해를 하고 있어야합니다. 박스모델이란? 박스모델, 상자요소 등 코딩을 하다보면 이런 용어를 접하게 됩니다. HTML 요소를 화면에서 박스모양으로 구성하는데 이를 박스모델이라고 부릅니다. 와이어프레임을 떠올리면 쉽게 이해하실 수 있을 것입니다. 화면상에 보이는 HTML 요소들을 배치하고 동작하게 하기 위해서는 박스모델에 대한 이해가 필요합니다. 박스모델은 내용(content), 내부여백(padding), 테두리.. 2024. 2. 23. CSS 선택자와 우선순위 CSS란? CSS는 Cascading Style Sheets의 약자로, 웹 페이지의 디자인과 레이아웃을 정의하는 스타일 시트 언어입니다. CSS는 HTML과 함께 사용하여 웹 페이지를 시각적으로 향상시키고 사용자 경험을 개선할 수 있습니다. HTML 요소에 대한 글꼴, 색상, 크기, 간격 등 웹페이지의 디자인과 레이아웃을 효과적으로 제어할 수 있습니다. CSS는 1996년에 W3C 표준 권고안으로 최초 제정됩니다. 이후 1998년에 CSS2가 발표되었으며, 2005년부터 현재 사용 중인 CSS3가 적용 및 개발되고 있습니다. CSS3부터는 다양한 기능과 선택자, 애니메이션 등 추가적인 기능을 제공합니다. CSS는 현재 모듈(module)별로 개발되고 있으며, 브라우저 공급자가 지원할 모듈을 자유롭게 선택.. 2024. 2. 23. 이전 1 다음 반응형
