+30

Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết

Happy New Year CSS Best Practices font-display shape-outside CSS centering Flexbox Gap caret-color box-sizing border-box Background-position text-decoration mix-blend-mode One Page Scroll shorthand properties onClick() thủ-thuật-css CSS Variables chrome dev tools emoji cursor animation-play-state transition height detransform Dark Mode conic-gradient nth-child Flex 1 pointer-events line-height unitless SASS Flexbox Bugs background-repeat: round Optimize @keyframes drop-shadow + clip-path empty Bí kíp Frontend System Font Stack border-radius vertical-align: super Data URLs focus-visible cubic-bezier() Image Background Responsive normalize.css white-space: pre-line 8-digit-hex is text-align: start/end Sass Ampersand CSS Counter focus-within Optimize Google Fonts API Overlay for image scroll-behavior detect device non-hover transform: scaleX(-1) truncate multiline Linter break text in new line placeholder-shown Flexbox margin-left auto Debug Css DevToolsFlexbox modal-in-Bootstrap prefers-reduced-motion Blurry marker lang() Fullscreen gradient-text initial Aspect ratio rgb new syntax color inheritance Img tag miss alt attribute range syntax Margin between components box-decoration margin-left redundant CSS not() selector writing-mode currentColor image-rendering: pixelated content property Power of background-image Equal-Width Table Cells Flexbox Trick border transparent CSS Selectors case insensitive initial-letter font-family no-quote position: sticky font-weight number Image vertical-align middle Avoid HTTP request FirefoxDevTools margin-auto Negative nth-child
Share
  • 1468 34
 Published at Jun 21st, 2018 10:13 PM 1468 34 0 33
  • 1468 34

↑↑↑

Ở trên có một mớ từ khóa, thuật ngữ, thuộc tính CSS..bạn quẹo lựa rồi click vào đọc nha, hoặc ngâm cứu qua từng post bên dưới đây ⇊

Share

CONTENTS