|
| 1 | +<p align="center"> |
| 2 | + <img src="https://rawgit.com/AllThingsSmitty/css-protips/master/media/logo.svg" width="200" alt="light bulb icon"> |
| 3 | +</p> |
| 4 | + |
| 5 | +# CSS Protips [](https://github.com/sindresorhus/awesome) |
| 6 | + |
| 7 | +Một bộ gồm những tips để giúp kỹ năng CSS trở nên pro |
| 8 | + |
| 9 | +> For other great lists check out [@sindresorhus](https://github.com/sindresorhus/)'s curated list of [awesome lists](https://github.com/sindresorhus/awesome/). |
| 10 | +
|
| 11 | + |
| 12 | +## Table of Contents |
| 13 | + |
| 14 | +* [Protips](#protips) |
| 15 | +* [Support](#support) |
| 16 | +* [Translations](#translations) |
| 17 | +* [Contribution Guidelines](CONTRIBUTING.md) |
| 18 | + |
| 19 | + |
| 20 | +## Protips |
| 21 | + |
| 22 | +1. [Use a CSS Reset](#use-a-css-reset) |
| 23 | +1. [Inherit `box-sizing`](#inherit-box-sizing) |
| 24 | +1. [Use `unset` Instead of Resetting All Properties](#use-unset-instead-of-resetting-all-properties) |
| 25 | +1. [Use `:not()` to Apply/Unapply Borders on Navigation](#use-not-to-applyunapply-borders-on-navigation) |
| 26 | +1. [Check If Font Is Installed Locally](#check-if-font-is-installed-locally) |
| 27 | +1. [Add `line-height` to `body`](#add-line-height-to-body) |
| 28 | +1. [Set `:focus` for Form Elements](#set-focus-for-form-elements) |
| 29 | +1. [Vertically-Center Anything](#vertically-center-anything) |
| 30 | +1. [Comma-Separated Lists](#comma-separated-lists) |
| 31 | +1. [Select Items Using Negative `nth-child`](#select-items-using-negative-nth-child) |
| 32 | +1. [Use SVG for Icons](#use-svg-for-icons) |
| 33 | +1. [Use the "Lobotomized Owl" Selector](#use-the-lobotomized-owl-selector) |
| 34 | +1. [Use `max-height` for Pure CSS Sliders](#use-max-height-for-pure-css-sliders) |
| 35 | +1. [Equal-Width Table Cells](#equal-width-table-cells) |
| 36 | +1. [Get Rid of Margin Hacks With Flexbox](#get-rid-of-margin-hacks-with-flexbox) |
| 37 | +1. [Use Attribute Selectors with Empty Links](#use-attribute-selectors-with-empty-links) |
| 38 | +1. [Style "Default" Links](#style-default-links) |
| 39 | +1. [Consistent Vertical Rhythm](#consistent-vertical-rhythm) |
| 40 | +1. [Intrinsic Ratio Boxes](#intrinsic-ratio-boxes) |
| 41 | +1. [Style Broken Images](#style-broken-images) |
| 42 | +1. [Use `rem` for Global Sizing; Use `em` for Local Sizing](#use-rem-for-global-sizing-use-em-for-local-sizing) |
| 43 | +1. [Hide Autoplay Videos That Aren't Muted](#hide-autoplay-videos-that-arent-muted) |
| 44 | +1. [Use `:root` for Flexible Type](#use-root-for-flexible-type) |
| 45 | +1. [Set `font-size` on Form Elements for a Better Mobile Experience](#set-font-size-on-form-elements-for-a-better-mobile-experience) |
| 46 | +1. [Use Pointer Events to Control Mouse Events](#use-pointer-events-to-control-mouse-events) |
| 47 | +1. [Set `display: none` on Line Breaks Used as Spacing](#set-display-none-on-line-breaks-used-as-spacing) |
0 commit comments