CSS기본문법, 속성, 선택자

 

----------------CSS를 사용하는 방법 - style 태그 or 속성 사용----------------------
CSS(Cascading Style Sheets)

<style>
a {   			// 모든 'a'태그에 대해서 - Selector(선택자) - a태그
color: red;		// '빨간색'으로 바꿔라 - Declaration(선언) - 선택자가 지정하는 태그들에 대해서 어떠한 효과를 줄 것인가
text-align: center; // 글자정렬 가운데
text-decoration : none; // 모든 꾸밈 없애라
}
</style>

Property(속성) - color
Value(속성의 값) - red

'css text size property' -> 구글검색해서 스스로 알아낼수있음.


----------------------선택자------------------------------------
class (.)
- 의도: 하나로 묶는다. Grouping.(ex. .saw{~} : "saw"라는 클래스를 모두 ~로 바꾼다.)
- class property에는 여러개의 value가 들어올 수 있고 띄어쓰기로 구분한다
- 여러 class selector로 하나의 tag를 공동으로 제어할 수 있다 BUT
- 순서에 따라 priority is changed. The latest one is valid. Therefore, we use id


id (#)
- value가 단 하나만 등장해야한다. 중복되어서는 안된다. Only one value, can not be repeated.
- 유일무이.

<selector's priority>
- id>class>tag 
- 좀더 포괄적인 것이 우선순위 나중.
- 좀더 구체적인 것이 우선순위 우선.

선택자A, 선택자B
- 후손 선택자, 특정한 태그 아래에 있는 모든 후손을 선택

선택자A > 선택자B
- 자손 선택자, 바로 아래에 있는 자손을 선택할 때 싸용

선택자A + 선택자B
- 동위선택자, 바로 두의 선택자

선택자A ~ 선택자B
- 선택자A 뒤에 위치하는 모든선택자B를 선택

Selector(선택자)
Declaration(선언)-선택자가 지정하는 태그들에 대해서 어떠한 효과를 줄 것인가
Property(속성)
Value(속성의 값)