Team Project TIL 1 - CSS 선택자

CSS 순서

• Mozilla에서 제안한 css속성 기술 순서

1. display -객체의 노출여부 / 표현방식-
2. list-style
3. position -위치 / 좌표-
4. float
5. clear
6. width / height -크기 / 여백-
7. padding / margin -안쪽 여백 / 바깥쪽 여백-
8. border / background -7번을 나누는 윤곽 / 배경-
9. color / font -글자 / 정렬-
10. text-decoration -선으로 텍스트를 꾸밀수 있게함-
11. text-align / vertical-align
12. white-space -요소가 공백 문자를 처리하는 법-
13. other text
14. content -내용-

CSS 필수로 알아야될 선택자

1. *: 페이지에 있는 전체 요소를 대상으로 한다.

2. #: id 선택자, 사용할 때 유연성, 재활용이 불가하므로 조심스러워야한다.

3. .: class선택자로 여러 개의 요소를 대상으로 정할 수 있다.

4. li a {~~~}: 가장 많이 언급되는 선택자인 descendant. 선택자를 이용해 더 상세히 작업해야 될때 이 선택자를 사용한다.

5. :hover {~~}: 사용자 동작 가상 클래스, 마우스를 어느 곳에 놓을 때 브라켓안에 액션값 실행하는 선택지

• reference
• <30개 선택자 설명>
  https://code.tutsplus.com/ko/tutorials/the-30-css-selectors-you-must-memorize--net-16048
• Mozilla
  https://developer.mozilla.org/ko/docs/Web/CSS