CSS 적용 방법
클라스를 통한 CSS 속성 적용 방법 ✔️
지난 글에서는 HTML 문서의 기본 요소에 CSS를 적용하는 방법에 대해 살펴봤습니다. 선택자를 사용하여 간단하게 문서의 h1 태그나 p 태그에 CSS를 적용할 수 있었는데요. 각 요소마다 서로 다른 스타일을 적용하려면 어떻게 해야 할까요? 이 때는 HTML 요소에 클라스(class)를 부여하여 CSS를 적용할 수 있습니다. CSS와 클라스 다음과 같은 목록이 있다고 해보겠습니다. 이 중에서 두 번째 목록에만 특정한 스타일(오렌지 색으로 변경)을 부여하고 싶다면 어떻게 해야 할까요? Item One Item Two Item Three 다음과 같이 두 번째 요소에 클라스 속성을 부여하면 됩니다. Item One Item Two Item Three 다음으로 CSS에서 해당 클라스를 선택하여 속성을 부여합니다..
CSS 뜻 역할과 적용 방법, 호환성 확인 ✔️
CSS 뜻과 역할 CSS는 Cascading Style Sheets를 뜻하며, 웹페이지 스타일링과 레이아웃에 사용됩니다. 여기에는 본문 폰트, 크기, 색상 변경 및 화면 분할, 여백 설정, 애니메이션 추가 등이 포함됩니다. CSS를 사용하는 이유 CSS없이 HTML로만 작성한 기본 문서는 브라우저의 스타일 속성을 따라 표현되므로 꽤나 투박해 보일 수 있습니다. CSS를 사용하면 HTML 문서 내에 다양한 속성을 적용할 수 있습니다. 이를 통해 문서의 가독성을 높이고 페이지를 효율적이고 아름답게 구성할 수 있습니다. CSS 적용 방법 HTML 문서의 h1의 색상을 빨강으로 바꾸려면 어떻게 할까요? 다음과 같이 코드를 작성할 수 있습니다. 선택자를 통해 원하는 대상을 선택하고 컬리 브라켓 {} 내에 속성과 ..
