@@ -19,29 +19,34 @@ Một bộ gồm những tips để giúp kỹ năng CSS trở nên pro
19
19
20
20
## Protips
21
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 )
22
+ 1 . [ Dùng CSS Reset] ( #use-a-css-reset )
23
+ 1 . [ Thừa kế ` box-sizing ` ] ( #inherit-box-sizing )
24
+ 1 . [ Dùng ` unset ` thay vì đặt lại tất cả thuộc tính ] ( #use-unset-instead-of-resetting-all-properties )
25
+ 1 . [ Dùng ` :not() ` để Áp dụng / Không áp dụng các đường viền trên Điều hướng ] ( #use-not-to-applyunapply-borders-on-navigation )
26
+ 1 . [ Kiểm tra xem Phông chữ có được cài đặt cục bộ không ] ( #check-if-font-is-installed-locally )
27
+ 1 . [ Thêm ` line-height ` cho ` body ` ] ( #add-line-height-to-body )
28
+ 1 . [ Đặt ` :focus ` cho Form Elements] ( #set-focus-for-form-elements )
29
+ 1 . [ Mọi thứ ở giữa theo chiều dọc ] ( #vertically-center-anything )
30
+ 1 . [ Danh sách được phân tách bằng dấu phẩy ] ( #comma-separated-lists )
31
+ 1 . [ Chọn nhiều items với Negative ` nth-child ` ] ( #select-items-using-negative-nth-child )
32
+ 1 . [ Dùng SVG cho Icons] ( #use-svg-for-icons )
33
+ 1 . [ Sử dụng "Lobotomized Owl" Selector] ( #use-the-lobotomized-owl-selector )
34
+ 1 . [ Dùng ` max-height ` cho thanh trượt CSS Sliders] ( #use-max-height-for-pure-css-sliders )
35
+ 1 . [ Các ô trong bảng có chiều rộng bằng nhau ] ( #equal-width-table-cells )
36
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 )
37
+ 1 . [ Sử dụng Attribute Selectors với các liên kết trống ] ( #use-attribute-selectors-with-empty-links )
38
38
1 . [ Style "Default" Links] ( #style-default-links )
39
39
1 . [ Consistent Vertical Rhythm] ( #consistent-vertical-rhythm )
40
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 )
41
+ 1 . [ Hình ảnh bị vỡ] ( #style-broken-images )
42
+ 1 . [ Dùng ` rem ` cho toàn cục; dùng ` em ` cho cục bộ] ( #use-rem-for-global-sizing-use-em-for-local-sizing )
43
+ 1 . [ Ẩn các video tự động phát không bị tắt tiếng] ( #hide-autoplay-videos-that-arent-muted )
44
+ 1 . [ Dùng ` :root ` cho Flexible Type] ( #use-root-for-flexible-type )
45
+ 1 . [ Để ` font-size ` trong Form Elements để có một trải nghiệm mobile tốt hơn] ( #set-font-size-on-form-elements-for-a-better-mobile-experience )
46
+ 1 . [ Dùng Pointer Events để kiểm soát mouse control] ( #use-pointer-events-to-control-mouse-events )
47
+ 1 . [ Đặt ` display: none ` trên ngắt dòng được sử dụng làm khoảng cách] ( #set-display-none-on-line-breaks-used-as-spacing )
48
+
49
+
50
+
51
+ ### Use a CSS Reset
52
+
0 commit comments