CSS 소개
1. CSS 개요 및 기능
CSS(Cascading Style Sheets)는 웹 페이지의 표시 효과를 정의하는 데 사용되는 CSS 스타일 시트입니다. 이는 HTML 코드의 스타일 정의 중복을 해결하고 최신 스타일 코드의 유지 관리성을 향상시키며 웹 페이지의 표시 효과를 향상시킬 수 있습니다.
기능: CSS는 웹페이지 콘텐츠와 표시 스타일을 분리하여 표시 기능을 향상시킵니다.
2. CSS와 HTML의 조합(*****)(4가지 유형)
CSS와 HTML의 조합
1. 스타일 속성 방식:
각 태그의 표시 스타일을 변경하려면 태그의 스타일 속성을 사용하세요.
예:
p 태그 단락 콘텐츠.
이 방법은 더 유연하지만 여러 개의 동일한 태그에 대해 동일한 스타일을 정의하는 것이 더 번거롭기 때문에 로컬 수정에 적합합니다.
2. 스타일 태그 방식 : (임베디드 방식)
여러 태그를 균일하게 수정하려면 head 태그에 스타일 태그를 추가하세요.
<head>
<style type=”text/css”>
p { color:#FF0000;}
</style></head>이 방법은 한 페이지의 스타일을 균일하게 설정할 수 있지만, 지역적으로는 유연성이 부족합니다.
3. Import 방법 : (공통 방법)
전제는 이미 정의된 CSS 파일이 있다는 것입니다. 웹페이지 스타일의 일부를 사용해야 하는 경우 이 방법을 사용하세요.
예:
<style type="text/css">
@import url(css_3.css);
div { color:#FF0000;}</style>
외부 CSS 파일(.css)의 끝을 정의합니다.
@import url("css file address");는