반응형 CSS2 CSS 표현 방식 정읭 CSS(Cascading Style Sheets)는 웹 페이지의 시각적 표현을 담당하는 스타일링 언어입니다. HTML이나 XML로 작성된 문서의 레이아웃, 색상, 글꼴 등을 정의할 수 있습니다. CSS는 여러 가지 방식으로 웹 페이지에 적용될 수 있습니다.인라인 스타일(inline style): HTML 요소 내에 직접 스타일을 작성하는 방식입니다. 예를 들어, 파란색 텍스트와 같이 사용할 수 있습니다. 그러나 유지보수가 어렵고 코드의 가독성을 떨어뜨리기 때문에 권장되지 않습니다.내부 스타일(internal style): HTML 문서의 외부 스타일(external style): 별도의 CSS 파일을 작성하고 HTML 문서에서 이를 링크하여 사용하는 방식입니다. 예를 들어, styles.css라는 파일을.. 2024. 6. 25. CSS 박스 모델 이해하기 CSS 박스 모델은 웹 페이지 레이아웃을 설계할 때 매우 중요한 개념입니다. 모든 HTML 요소는 박스(box) 형태로 구성되며, 이 박스는 콘텐츠(content), 패딩(padding), 보더(border), 마진(margin)으로 이루어져 있습니다. 이를 통해 요소 간의 간격, 크기, 테두리 등을 조절할 수 있습니다.박스 모델의 각 구성 요소에 대해 자세히 알아보겠습니다.콘텐츠(Content): 콘텐츠는 박스 모델의 중심 부분으로, 텍스트나 이미지와 같은 실제 내용이 들어가는 영역입니다. width와 height 속성을 사용하여 콘텐츠 영역의 크기를 조절할 수 있습니다.패딩(Padding): 패딩은 콘텐츠와 보더 사이의 내부 여백을 의미합니다. 패딩은 콘텐츠 주위에 투명한 공간을 추가하여 콘텐츠와 보.. 2024. 6. 25. 이전 1 다음 반응형