[ CSS ] Cascading Style Sheet
: html요소에 보여줄 방식 - 배치, 색상, 선, 크기 등 설정
(1) 부분만 적용 CSS ( inline 방식 )
<h1 style = "color:orange"> <h1>
이렇게 해당 태그에 직접 적용하면
=> 해당하는 h1 에만 적용 ( 로컬 개념 )
(2) Head에서 Style 태그 사용
- <head> 안에서 설정
<style> 태그명{ scc속성:값; scc속성:값; } </style>
<style> h1{color:red; font-size:20px; } </style>
: 앞으로 h1 태그는 이 스타일로 할게
(3) 자체 css 파일 사용
a.css 파일
태그명 { scc속성:값; scc속성:값; }
h1{color:red; font-size:20px; }
css 파일에서 태그 style 설정해 두고,
=> html 파일에서
<link href = "a.css" /> 이렇게 "링크" 시켜서 사용
=> 프로젝트할 때, CSS 를 쉽게 통일시킬 수 있다.
각 html 에서 모두 a.css 링크해서 사용하는 방식
( 마치 인터페이스 처럼 )
----
<CSS 적용 우선순위> ( CSS selector )
1순위 : inline 방식 로컬 CSS ( 로컬이 먼저다! )
2순위: 현재 HTML 문서 <style> 전체적용 CSS
3순위 : <link a.CSS> 링크로 가져온 전체적용 CSS
'Back to the CSS' 카테고리의 다른 글
| [ CSS ] 정렬 / 배치 (0) | 2023.02.01 |
|---|---|
| 반응형 웹 viewport / @media / screen / max-width /min-width (0) | 2022.07.26 |
| 화면에 배치하는 규칙 display / position / float / overflow (0) | 2022.07.26 |
| CSS 꾸미기 기술들 (0) | 2022.07.26 |
| CSS 선택자, 어디에 있는 어느 태그에 적용시킬꺼야? (0) | 2022.07.26 |