CSS(Cascading Style Sheet)
웹 페이지의 특정 요소 또는 요소 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어
CSS 문법
HTML 문서 <head> 요소 안에 <Style> 요소를 사용하여 CSS 문법을 적용
선택자{속성명1:속성값1; 속성명2:속성값;......}
예) p {text -align:center; color : deepskyblue;}
선택자 : p
속성명 : text-align,color
속성값 : center deepskyblue
CSS 를 적용하는 방법
1. 인라인 스타일
HTML 요소 내부에 Style 속성을 적용하는 방법
<p Style = "text -align:center; coloer : deepskyblue;">안녕하세요!</p>
거의 사용하지 않음 하나하나 해야해서 귀찮음
2. 내부 스타일
HRML 문서의 <head> ~ </head> 사이에 <style>~</style> 요소를 사용하여 적용하는 방법
<style>
h2{text-align: center; font-size: 50px; color: deepskyblue;}
p{text-align: center; font-size: 20px;}
</style>
각각 페이지 마다 적용해야 해서 귀찮음 -> 외부스타일을 가장 많이쓴다.
3. 외부 스타일
웹 사이트 전체의 스타일을 하나의 파일에서 변경할 수 있도록 적용하는 방법
<link rel ="stylesheet" href ="css 파일 경로">
✔ rel
현재 문서와 링크된 문서 사이의 연관관계를 명시
'코딩공부 > HTML,CSS,JavaScript' 카테고리의 다른 글
| CSS_요소 선택자 (0) | 2023.03.28 |
|---|---|
| CSS_전체 선택자 (0) | 2023.03.28 |
| HTML_input 태그(type속성 추가) (0) | 2023.03.27 |
| HTML_semantic 태그 (0) | 2023.03.27 |
| HTML_디스플레이 개념 (0) | 2023.03.27 |
