CSS


## Cascading Style Sheets
### CSS Notion
|Title|
|:-:|
|[CSS Layout](https://texonom.com/css-layout-5f25c4b1104b4e1c8b5b2b34fb4f1221)|
|[CSS Property](https://texonom.com/css-property-9f964a92c91e4e64861a57326bf3571c)|
|[CSS Selector](https://texonom.com/css-selector-ff0cd0ec713e4dfda2ea7fee36655318)|
|[CSS Event](https://texonom.com/css-event-ec9748bff10b4f019a250689826039b3)|
|[CSS Unit](https://texonom.com/css-unit-a1e495d33621483ca18b9a09e06a35a2)|
|[CSS keyword](https://texonom.com/css-keyword-63ae3c6beaad48e3bfd094b99902f33c)|
|[CSS Query](https://texonom.com/css-query-57ea07c78b234187a3ae12f5fb976992)|
|[CSS Variable](https://texonom.com/css-variable-215de1fe0c3843d5bbad6105bda38439)|
|[CSS Math](https://texonom.com/css-math-6b45cd7be294420d8be6344b36fc8c9a)|
|[CSS String](https://texonom.com/css-string-bc35c52f24f745748f30e2ac3fb9a8c6)|
|[CSS Scroll](https://texonom.com/css-scroll-86ef3e7746a24fd287d554554c9773cd)|
|[CSS contain](https://texonom.com/css-contain-3e8abe171d434e7395f359c6261455e5)|
|[Default CSS](https://texonom.com/default-css-efde4c41f6f249d5ab58e49ceb8a9297)|
|[CSS Color](https://texonom.com/css-color-1457b4293eaf4f40b0d3c0a9e72c8f25)|
|[CSS Mask](https://texonom.com/css-mask-a11f6733c0c84dc88cbd2c9954edea9a)|
|[CSS Scope](https://texonom.com/css-scope-13863e85e29c43eca86f6b5cfde2ba06)|


### CSS Usages
|Title|
|:-:|
|[CSS Methodology](https://texonom.com/css-methodology-39162385dcd94c9093bd579dcfd9303f)|
|[CSS Example](https://texonom.com/css-example-99cdb6c169f440f08f66be03305cd8aa)|
|[CSS Nesting](https://texonom.com/css-nesting-c7dfb6e64d374791a83c54240e61876e)|
|[CSS Performance](https://texonom.com/css-performance-0f47d091149f425d8bb90d5e12211102)|
|[Critical CSS Extraction](https://texonom.com/critical-css-extraction-41c8e8bb809a46dcbf0aaa8013d6f91f)|
|[CSS-inCSS](https://texonom.com/css-incss-b1ef914be8d3437bab79a3acb950d912)|
|[CSS in JS](https://texonom.com/css-in-js-66133c7ed3b7496195a4b6a34706d6f4)|
|[CSS Tool](https://texonom.com/css-tool-0137294085e34e20b42c7ab784f258bd)|
|[CSS Art](https://texonom.com/css-art-9632e29bf5494c8bb28c1228654cc223)|
|[CSS Reset](https://texonom.com/css-reset-b26ca6fe795b45c78f2d47209e639f92)|
|[CSS Sprite](https://texonom.com/css-sprite-f020b911456f45efad59c5c852664e6f)|
|[CSS GPU](https://texonom.com/css-gpu-17f5aac1e87d4e8ebe08a1f5cc52403b)|
|[CSS Semantic](https://texonom.com/css-semantic-c7a6b4c49ef24a608a6e2a7ffd9ea81a)|



### Resources
> [Super Useful CSS Resources 🌈](https://dev.to/lissy93/super-useful-css-resources-1ba3)

### Trend of CSS
> [State of CSS 2022](https://web.dev/state-of-css-2022/)

> [Futuristic CSS — Smashing Magazine](https://www.smashingmagazine.com/2022/10/futuristic-css/)

### CSS is powerful than your thought
> [⚠️ Don't try this at home: CSS _as_ the backend - introducing Cascading Server Sheets!](https://dev.to/thormeier/dont-try-this-at-home-css-as-the-backend-what-3oih)





