● CSS: Cascading Style Sheet
연속화, 연속해서 떨어지는, 작성자가 만든 스타일이 없으면 유저가 만들어 둔 스타일이나, 브라우저의 스타일로 반영된다.
Author style → User style → Browser style
● !important: 다 필요없고, 내가 제일 중요해!라는 뜻. 가능하면 쓰지 않는다.
● selectors
- Universal: *
- type: Tag
- ID: #id
- Class: .calss
- State: :
- Attribute: []
developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors
CSS selectors - CSS: Cascading Style Sheets | MDN
CSS selectors define the elements to which a set of CSS rules apply. Note: There are no selectors or combinators to select parent items, siblings of parents, or children of parent siblings. Universal selector Selects all elements. Optionally, it may be res
developer.mozilla.org
/* CSS 문법 */
selector {
property: value;
}
●게임으로 공부하기: flukeout.github.io/
CSS Diner
A fun game to help you learn and practice CSS selectors.
flukeout.github.io
● Study Link: developer.mozilla.org/en-US/docs/Web/CSS
CSS: Cascading Style Sheets | MDN
Tutorials Our CSS Learning Area features multiple modules that teach CSS from the ground up — no previous knowledge required. CSS first steps CSS (Cascading Style Sheets) is used to style and layout web pages — for example, to alter the font, color, si
developer.mozilla.org
● CSS reference: developer.mozilla.org/en-US/docs/Web/CSS/Reference
CSS reference - CSS: Cascading Style Sheets | MDN
style-rule ::= selectors-list { properties-list } ... where : selectors-list ::= selector[:pseudo-class] [::pseudo-element] [, selectors-list] properties-list ::= [property : value] [; properties-list] See the index of selectors, pseudo-classes, and pseudo
developer.mozilla.org
● CSS Properties Reference: developer.mozilla.org/en-US/docs/Web/CSS/CSS_Properties_Reference
CSS Properties Reference - CSS: Cascading Style Sheets | MDN
developer.mozilla.org
드림코딩 / MDN사이트를 참고하여 작성되었습니다.
'STUDY > HTML, CSS' 카테고리의 다른 글
| FreeCodeCamp: Button Style CSS3 (0) | 2021.05.14 |
|---|---|
| CSS Flexbox (0) | 2021.02.19 |
| CSS display, position (0) | 2021.01.20 |
| HTML Basic (0) | 2021.01.20 |
댓글