CSS란?
CSS는 HTML 문서를 더 예쁘게 꾸며줄 수 있는 언어. HTML과 분리한 이유는 따로 언어를 나눠서 만드는 게 더 효율적이기 때문.
1. CSS 기본적인 적용법
가. Style 태그 이용하는 방법
<style>
쓸 말
</style>
나. 파일을 두 가지로 나눠서 외부 CSS 파일 불러오는 방법( 꾸며야할 코드가 길수록 나. 방법을 쓰는 것이 더 효율적임)
2. CSS 글씨 크기, 정렬
3. 선택자
선택자: 앞에 css 파일에서 나온 h1과 p 같이 HTML에서 꾸며질 글씨 지정하는 역할을 함
가. 전체 선택자
나. 유형 선택자
다. 아이디 선택자
라. 클래스 선택자
마. 복합 선택자
3. 가. 전체 선택자: 모든 HTML 문서 선택해 스타일 입혀줌 (*)
<style>
* {
속성
}
</style>
3. 나. 유형 선택자: 특정 태그를 지정해서 스타일 입혀줌 (앞에서 했던 방법)
<style>
태그 유형{
속성
}
</style>
3. 다. 아이디 선택자: 아이디로 요소를 찾아서 스타일 입혀줌
아이디 지정 방법 (HTML):
<p id= "아이디" > 텍스트 </p>
(CSS):
<style>
#아이디 {
속성
}
</style>
3.라. 클래스 선택자: 특정 클래스에 속하는 요소 선택
클래스: 요소의 목록. 아이디와 비슷하지만 여러 태그를 하나의 클래스로 묶을 수 있고 태그 하나에 여러 클래스 이름을 붙일 수 있음
<stlye> (CSS에서)
.클래스명 {
속성
}
</style>
3.마. 복합 선택자: 부모와 자식 태그가 함께 쓰임
<style>
조상 자손{
속성
}
</style>
