231128 | Notion

CSS : Cascading Style Sheet

Cascading : 거슬로 올라가다! → 전체 선택자 태그 선택자 클래스 선택자. . . 점점 규모가 작아질수록 반대로 우선순위는 올라감

<aside> 🥕 규모가 작아질수록 우선순위는 올라감!

</aside>

<head>
	<style>
		선택자 //대표적으로 태그가 있음!
		{
			스타일속성:속성값;
			스타일속성:속성값;
			...
		}
	</style>
</head>

스타일 지정을 위해서 사용하며 최신 버전은 3

주석

C++이랑 똑같음! / ~~~ / 로 주석처리 / 근데 // 로는 안됌 주의

Untitled

basic - 내부스타일 시트

스타일 속성을 지정할 때 여러개를 지정할 경우 줄바꿈을 이용해서 가독성 ⬆️
html 코드 안에 css를 적용시켜주는 기법을 내부스타일 시트라고 부름

Untitled

Untitled

basic - 외부스타일 시트

외부에서 .css 파일을 불러오는 기법을 외부스타일 시트라고 부름
.css 파일이 준비되어 있어야하고, link 태그를 이용해서 불러옴
link : 이 태그를 사용해서 파일로 링크

<aside> 🥕 link href=”파일경로”

</aside>
link 태그를 사용하여 파일을 지정하고 css 파일임을 명시해주는 rel 속성과 type 속성을 입력해줘야함