摘要: CSS库: 动画效果 animate.css:https://animate.style/ 移动端兼容 postcss-px-to-viewport:https://www.npmjs.com/package/postcss-px-to-viewport CSS图标 cssicon:https:// 阅读全文
posted @ 2021-07-16 16:55 Peter_Yang0942 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 由于 CSS 的封装非常弱,导致了一系列的第三方库,用来加强 React 的 CSS 操作。它们统称为 CSS in JS,意思就是使用 JS 语言写 CSS。根据不完全统计,各种 CSS in JS 的库至少有47种。老实说,现在也看不出来,哪一个库会变成主流。 你可能会问,它们与"CSS 预处理 阅读全文
posted @ 2021-07-16 16:47 Peter_Yang0942 阅读(452) 评论(0) 推荐(0) 编辑
摘要: cssnext是什么? PostCSS-cssnext是一个PostCSS插件,帮助您使用最新的CSS语法。它将新的CSS规范转换为更兼容的CSS,所以你不需要等待浏览器的支持。 安装: npm install postcss postcss-cssnext cssnext 包含了大量的新特性: l 阅读全文
posted @ 2021-07-16 16:04 Peter_Yang0942 阅读(240) 评论(0) 推荐(0) 编辑
摘要: W3C是这样来描述的:css级联为每个样式规则指派权重,若元素应用了多个样式规则,那么将优先使用权重最高的的样式。 CSS的全名叫做Cascading Style Sheets,译为层叠样式表(也可以叫级联样式表)。 <html> <head> <title>层叠特性</title> <style 阅读全文
posted @ 2021-07-16 11:31 Peter_Yang0942 阅读(133) 评论(0) 推荐(0) 编辑
摘要: Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。 Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。Gr 阅读全文
posted @ 2021-07-16 11:23 Peter_Yang0942 阅读(48) 评论(0) 推荐(0) 编辑