> CSS 기본 문법
- 선택자 : 스타일을 적용할 요소를 작성함.
- {중괄호} : 선택자에 적용할 스타일을 정의함.
- 속성명 : 어떤 스타일을 정의하고 싶은지 작성함. (ex. 색상, 크기)
- 속성값 : 어떻게 정의하고 싶은지 작성함.
- ;(세미콜론) : 하나의 스타일에 대한 정의가 끝났다는 뜻.
> 주석
- 사람에게만 보이는 것.
ex.
/* 주석 적는 곳 */
> HTML에 CSS 더하는 방식
- 인라인 스타일
- 스타일 태그
- 문서 간 연결
> 인라인 스타일
- 태그에 style 속성을 추가하여 요소에 직접 스타일을 정의하는 방식.
- 선택자가 필요하지 않음.
- 웹 콘텐츠와 스타일시트를 분리하려면 사용하지 않는 편이 좋음.
ex.
> 스타일 태그
- HTML 문서에 <style></style> 태그를 추가함.
- 추가한 style 태그 안에 CSS 코드를 작성하는 방식.
- 대체로 <head></head> 태그에 작성함.
ex.
> 문서 간 연결
- 확장자가 *.css인 스타일시트 파일을 생성함.
- 생성한 파일 안에 CSS 코드를 작성하고, HTML 문서에 연결되는 방식.
- HTML 문서의 <head></head> 내부에 link 태그를 작성하여 실행함.
ex.
href 속성 : 연결하고자 하는 외부 소스의 url을 기술하는 속성.
rel 속성 : 현재 HTML 문서와 외부 소스의 관계를 기술하는 속성.
'CSS' 카테고리의 다른 글
| [CSS] padding 속성과 margin 속성 (0) | 2023.11.02 |
|---|---|
| [CSS] 박스모델이란? (0) | 2023.11.02 |
| [CSS] display 속성과 border 속성 (0) | 2023.11.01 |
| [CSS] 텍스트 관련 속성 (0) | 2023.10.30 |
| [CSS] 기본 선택자와 그룹 선택자 (0) | 2023.10.30 |