728x90
반응형
SMALL
CSS(cascading Style Sheets)
웹 페이지의 특정 요소 또는 요소 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어
CSS의 문법
HTML 문서 <head> 요소안에 <Style> 요소를 사용하여 CSS문법을 적용
선택자{ 속성명1: 속성값; 속성명2: 속성값;...}
ex) p { text-align: center; color: deepskyblue; }
--- ---------- ------ ----- ------------
선택자 속성명 속성값 속성명2 속성값2
주석문
/* ~ */ 사이에 내용을 입력
CSS를 적용하는 방법
1. 인라인 스타일
- HTML 요소 내부에 Style 속성을 사용하여 적용하는 방법
- 한개의 선택자에만 사용되어서 자주 사용하는 방법이 아님
- ex) <p style="text-align: center; color: deepskyblue;" >안녕하세요</p>
2. 내부 스타일
- HTML 요소의 <head> </head> 사이에 <style> </Style> 요소를 사용하여 적용하는 방법
- 한개의 html 파일에만 적용되는 방법이라 이것도 자주사용되지 않음
- ex) <style>
h2 { text-align: center; font-size: 50px; color: deepskyblue; }
p { text-align: center; font-size: 20px; color: mediumseagreen; }
</style>
3. 외부 스타일
- 웹사이트 전체의 스타일을 하나의 파일에서 변경할수 있도록 적용하는 방법
- <link rel="stylesheet" href="css 파일 경로">
✔ rel
- 현재 문서와 링크된 문서 사이에 연관관계를 명시
728x90
반응형
LIST
'CSS' 카테고리의 다른 글
| CSS-레이아웃(Layout) (2) | 2023.03.30 |
|---|---|
| CSS- Background, Display (0) | 2023.03.29 |
| CSS-font (0) | 2023.03.29 |
| CSS- 컬러와 텍스트 (0) | 2023.03.28 |
| CSS- 선택자 (0) | 2023.03.28 |