길/CSS

CSS 기본 형태

7he8oy 2021. 1. 15. 17:32

CSS의 기본 형태는 다음과 같다

출처 : 생활코딩-https://opentutorials.org

Selector를 통해 html 문에서 어떤 부분에 속성을 넣을지 결정.

Declaration을 부분을 통해 속성을 특정한다.

 


 

Selector의 이해

selector는 각 declarartion이 의도하는 정확한 곳을 선택할 수 있게 만드는 중요한 부분으로 보여진다.

따라서 다양한 상황에서 의도를 표현할 수 있는 표현법이 있다!

아래 링크를 보면 그것들의 종류와 의미가 설명되어 있다.

www.w3schools.com/cssref/css_selectors.asp

 

CSS Selectors Reference

CSS Selector Reference CSS Selectors In CSS, selectors are patterns used to select the element(s) you want to style. Use our CSS Selector Tester to demonstrate the different selectors. Selector Example Example description .class .intro Selects all elements

www.w3schools.com

 

이 링크는 좀 더 자세한 설명과 예시가 있는 페이지다.

code.tutsplus.com/ko/tutorials/the-30-css-selectors-you-must-memorize--net-16048

 

반드시 기억해야 하는 CSS 선택자 30개

여러분은 id, class, descendant 기초를 알고 있겠죠. 과연 그게 전부일까요? 그렇다면, 여러분은 폭넓게 적용하지 못하고 있네요. 이 글에서 설명하는 선택자 중에 다수가 CSS3 명세서에 있으며 모던

code.tutsplus.com

 

' > CSS' 카테고리의 다른 글

line-height  (0) 2021.01.24
box model  (0) 2021.01.21
id vs class  (0) 2021.01.21
background 속성  (0) 2021.01.21
CSS 길이 단위  (0) 2021.01.21