今天在运行之前写的vue的demo时，因为之前引用了scss，而后又因为我将node升级了，scss出现了问题。
原创
2023-04-13 15:06:27
440阅读
<!-- CSS前缀 - 一些浏览有时会在浏览器中添加一些尚未成为标准的属性 为了避免这些属性不会和将来的标准产生冲突，所以浏览器一般会为这些非标准的属性添加浏览器的前缀 -moz- 火狐 -webkit- chrome -ms- 微软 ... - 使用postcss来辅助我们添加CSS的前缀 安装
原创
2021-07-28 15:24:52
398阅读
规范化的CSS不仅利于团队合作，而且对后期的维护以及代码的重用，都是十分至关重要的，所以，学习总结CSS规范的相关知识。
原创
2021-06-01 11:40:23
236阅读
空格规范【强制】 选择器 与 { 之间必须包含空格。示例： .selector { }【强制】 属性名 与之后的：之间不允许包含空格，：与属性值之间必须包含空格。示例：font-size: 12px;选择器规范【强制】 当一个 rule 包含多个 selector 时，每个选择器声明必须独占一行。示例：/* good */.post,.page,.comment { line-height: 1.5;}/* bad */.post, .page, .comment
原创
2020-06-29 19:51:37
998阅读
1评论
问题出现这样的报错提示，一般是安装的node-sass有问题，用cnpmp执行卸载掉，然后重新安装n.
原创
2022-11-29 15:40:27
1307阅读
在 Web 应用开发中，CSS 代码的编写是重要的一部分。CSS 规范从最初的 CSS1 到现在的 CSS3，再到 CSS 规范的下一步版本，规范本身一直在不断的发展演化之中。这给开发人员带来了效率上的提高。不过与其他 Web 领域的规范相似的处境是，CSS 规范在浏览器兼容性方面一直存在各种各样的问题。不同浏览器在 CSS 规范的实现方面的进度也存在很大差异。另外，CSS 规范本身的发展速度与社
转载
2024-03-21 17:52:55
143阅读
CSS预处理器的原理: 是将类 CSS 语言通过Webpack 编译转成浏览器可读的真正 CSS。在这层编译之上，便可以赋予 CSS 更多更强大的功能，常用功能:嵌套 变量 循环语句 条件语句 自动前缀 单位转换 mixin复用...
原创
2022-10-13 16:48:01
132阅读
PostCSS 是使用 JS 插件来转换 CSS 的工具，支持变量，混入，未来 CSS 语法，内联图像等等。而使用PostCSS则需要与webpack或者parcel结合起来。 PostCss已经被很多公司使用：谷歌，推特，阿里巴巴和 Shopify。 Autoprefixer PostCSS 插件
原创
2021-07-19 16:26:50
148阅读
1.使用Can I Use中的值为CSS规则添加供应商前缀。Autoprefixer将使用基于当前浏览器流行度和属性支持的数据为您应用前缀。2.PostCSS Preset Env允许您将现代CSS转换为大多数浏览器可以理解的内容，使用cssdb根据目标浏览器或运行时环境确定所需的polyfill。3.CSS模块意味着你永远不必担心你的名字过于通用，只需
原创
2022-07-13 11:11:14
157阅读
问题内容：Syntax Error: Error: PostCSS plugin postcss-pxtor
原创
2022-09-13 12:19:46
1081阅读
1、在sublime里安装好less（less语法高亮功能插件）和Less2Css（编译功能插件）这两个插件，具体步骤为： Ctrl+Shift+p打开命令面板，输入install package并在下拉里选中install package（这里必须已经安装好了管理插件的package control插件），弹出新搜索框之后再输入要安装的插件，然后下拉出现对应插件，点击安装。2、安装好插件后还不能
转载
2024-04-01 19:32:48
63阅读
一、postcss是什么？
postcss是一个JavaScript 工具，可以用来转换 CSS 代码。postcss可以使用不同插件实现自动添加浏览器前缀，代码合并，代码压缩等等效果。二、postcss安装
安装：npm i postcss -g
1
npm i postcss-cli -g
1
运行指令：postcss 输入文件路径 -o 输出文件路径
1
后面添加 -w ， 可以实时监听。三
原创
2023-07-31 14:43:24
272阅读
postcss.config.js 文件的数据格式问题在我配置vue项目时，需要用vue-loader配合postcss-loader做配置时，发现了本项目存在的一个问题：我在postcss.config.js中配置了parser:'postcss-scss'，这里在未配置vue-loader之前，只有css,scss,less的rule有引用该配置，而且是通过options.config.pat
转载
2024-04-09 14:16:20
72阅读
对于CSS，为了避免样式冲突，我们总会给其赋予相当特殊的命名，或是在选择符上添加HTML标记，或是使用层级。面向属性的命名方法，是什么属性就写什么名。精简高效CSS命名之“三无原则”，此“三无原则”就是：无ID，无层级，无标签，CSS命名就应该最简单、最直接，直捣黄龙。没有HTML标签，没有层级，原因有三：http://www.iis7.com/b/slj/限制重用2.CSS文件大小3.降低了渲染
原创
2018-09-13 10:41:39
1692阅读
点赞
CSS编码规范
本文档的目标是使CSS代码风格保持一致，容易被理解和被维护，如果自己没有这种习惯，请好好选择你的IDE，别再用“文本编辑器”。
本文档虽针对CSS设计的，但是在使用各种CSS的预编译器(如less、sass、stylus等)时，适用的部分也应尽量遵循本文档的约定。
1 代码风格
1.1 文件
[建议] CSS 文件使用无 BOM 的 UTF-8 编码。
解释：
UTF-8 编码具
转载
2021-08-20 15:22:59
347阅读
css中id或class命名规范：最好不要在你的类名或者ID名中去加入颜色或者长宽的尺寸等带有属性的名字。先看一个例子： .l-123f { color: red; } 如果你第一次看到这个类名，你能在css文件立刻找到这个class吗？估计很难，因为这个类的名称只是某一个人能理解的符号再没有其...
转载
2013-11-04 01:08:00
100阅读
2评论
头部注释/** @description: 中文说明* @author: name* @update: name (2013-04-13 18:32)*/首尾注释/* Footer */ 内容区 /* End Footer */ 注意事项1、一律采用小写加中划线的方式，不允许使用大写字母或 _2、尽... Read More
转载
2015-09-04 09:40:00
391阅读
2评论
