목차
CSS문서
- 독립적으로 존재할 수 있지만 HTML 문서와 함께 사용하지 않는 CSS 문서는 단지 텍스트에 불가
- HTML문서에 적용하고자 할 때는 아래와 같은 방법을 사용할 수 있음
인라인 스타일 : 태그에 직접 기술
- style 속성을 추가하여 요소를 직접 스타일 하는 방식
- 선택자 필요 없음
- 웹 콘텐츠와 스타일시트를 분리하기 위해서는 사용하지 않는 편이 좋음
스타일 태그 : 스타일시트를 위한 태그를 추가하여 기술
- HTML 문서에 <style>태그를 추가하여 그 안에 CSS 코드를 작성 항 수 있음
- ‘내부 스타일 시트’라 표현하기도 함
문자 간의 연결 : 스타일 시트 문서를 따로 작성하여 HTML 문서와 연결
- 확장자가 *.css인 스타일 시트 파일을 생성해 그 안에 CSS 코드를 작성하고, HTML 문서에 이를 연결해 줄 수 있음
- 이때 <link>태그를 사용
- 속성
- herf : 연결하고자 하는 외부 소스의 url
- rel : 현재 문서(HTML)와 외부 소스의 연관 관계를 기술하는 속성(stylesheet라고 적어줌)
- 해당 태그는 HTML문서의 <head> 내부에 사용해야 함
- 속성
'프로그래밍 > CSS' 카테고리의 다른 글
| [CSS -6]텍스트 꾸미기 (0) | 2024.03.29 |
|---|---|
| [CSS -5] 배경 및 색상 다루기 (0) | 2024.03.29 |
| [CSS -4] 박스 모델 (0) | 2024.03.29 |
| [CSS -3] 선택자 (0) | 2024.03.29 |
| [CSS -1] 소개 및 문법 (0) | 2024.03.29 |
CSS문서
- 독립적으로 존재할 수 있지만 HTML 문서와 함께 사용하지 않는 CSS 문서는 단지 텍스트에 불가
- HTML문서에 적용하고자 할 때는 아래와 같은 방법을 사용할 수 있음
인라인 스타일 : 태그에 직접 기술
- style 속성을 추가하여 요소를 직접 스타일 하는 방식
- 선택자 필요 없음
- 웹 콘텐츠와 스타일시트를 분리하기 위해서는 사용하지 않는 편이 좋음
스타일 태그 : 스타일시트를 위한 태그를 추가하여 기술
- HTML 문서에 <style>태그를 추가하여 그 안에 CSS 코드를 작성 항 수 있음
- ‘내부 스타일 시트’라 표현하기도 함
문자 간의 연결 : 스타일 시트 문서를 따로 작성하여 HTML 문서와 연결
- 확장자가 *.css인 스타일 시트 파일을 생성해 그 안에 CSS 코드를 작성하고, HTML 문서에 이를 연결해 줄 수 있음
- 이때 <link>태그를 사용
- 속성
- herf : 연결하고자 하는 외부 소스의 url
- rel : 현재 문서(HTML)와 외부 소스의 연관 관계를 기술하는 속성(stylesheet라고 적어줌)
- 해당 태그는 HTML문서의 <head> 내부에 사용해야 함
- 속성
'프로그래밍 > CSS' 카테고리의 다른 글
| [CSS -6]텍스트 꾸미기 (0) | 2024.03.29 |
|---|---|
| [CSS -5] 배경 및 색상 다루기 (0) | 2024.03.29 |
| [CSS -4] 박스 모델 (0) | 2024.03.29 |
| [CSS -3] 선택자 (0) | 2024.03.29 |
| [CSS -1] 소개 및 문법 (0) | 2024.03.29 |
