[CSS3] CSS란?

❗CSS(Cascading Style Sheet)

🤔CSS란 무엇일까?

HTML markup 내에 있는 정보(타이포그래픽, layout, img 등)의

시각적 요소를 분리하여 관리하기 위해 생긴 언어가 CSS이다!

 

🤔WEB은 왜 Document(HTML)와 Style(CSS)을 분리해서 관리해야 하나?

HTML내에 CSS를 코드를 모두 입력해서 작성하게 된다면

유지보수가 어려우며 코드 가시성이 매우 떨어진다.

이러한 문제점을 해결하기 위해 W3C(World Wide Web Consortium)에서 웹 표준을 지정하였다.

이때, stylesheet전용 언어로 css가 사용되었다.

---

📝CSS 작성하는 방법

selector{
property: value;
}

❗CSS는 크게 선택자와 선언부 2개의 파트로 나뉘어 있다.

1. 선택자 (selector)

2. 선언부( { property : value }; )

 

선택자와 선언부 내에도 많은 파트가 있다.

 

1️⃣선택자

선택자에는 종류가 굉장히 많다.

전체 선택자, class선택자, id선택자 등 매우 많기에

하단에서 조금 다뤄보도록 하겠다.

2️⃣선언부

선언부에는 3가지로 구분할 수 있다.

1. 속성 (key)

property

2. 속성에 따른 값(value)

value

3. 세미콜론(;)

key : value 후에 반드시 작성해줘야 한다.

---

✨CSS selectors(선택자)

universal	*	전체(모든 tag)에 적용
type	Tag	해당 태그에 적용
ID	#id	해당 id에 적용
class	.class	해당 class에 적용
state	:	tag옆에 추가할 수 있음
Attribute	[ ]	해당하는 속성값

---

🙌CSS 주석 처리 방식

CSS주석을 사용하고자 할 땐

하단의 코드와 같이 작성하면 된다.

/*주석 내용을 삽입해주세요*/