CSS
gswwxyhk
这个作者很懒,什么都没留下…
展开
-
css创建三角形原理
宽高0+border任意三边通过transparent隐藏 width: 0; height: 0; border: 20px solid; border-color: transparent transparent transparent pink;转载 2020-10-13 19:35:51 · 121 阅读 · 0 评论 -
常见的居中方法
1.水平居中 【宽高固定】margin:0 auto 2.绝对定位+四个反向都为0+margin=auto【宽高固定】 【水平垂直居中】 width: 200px; height: 200px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto;3.绝对定位+top50%+left50%+(margin=-宽/2 -高/2)【宽高固定】 【水平垂直居中转载 2020-10-13 19:22:21 · 329 阅读 · 0 评论 -
react配置sass
项目报错:To import Sass files, you first need to installnode-sass.Run `npm install node-sass` or `yarn add node-sass` inside your workspace.Require stack:解决方案:1.cnpm install sass-loader node-sass --save-dev2.找到node_modules/react-scripts/config/webpa原创 2020-09-07 23:09:00 · 691 阅读 · 0 评论 -
ValidationError: Invalid options object. Less Loader has been initialized using an options object th
ValidationError: Invalid options object. Less Loader has been initialized using an options object that does not match the API schema.options has an unknown property ‘source’. These properties are valid:object { lessOptions?, additionalData?, sourceMap?,原创 2020-09-06 10:13:23 · 220 阅读 · 0 评论 -
更改svg图颜色
阿里图标下载svg后,删除里面的fill属性后,就可以使用css 中fill 来填充自己想要的颜色了。原创 2020-06-21 23:00:34 · 796 阅读 · 1 评论 -
引入antd.less文件报错的解决方法
全局引入antd.less 文件报错报错信息:./node_modules/ant-design-vue/dist/antd.less (./node_modules/css-loader/dist/cjs.js??ref--10-oneOf-3-1!./node_modules/postcss-loader/src??ref--10-oneOf-3-2!./node_modules/less...原创 2019-11-17 17:04:38 · 5249 阅读 · 1 评论 -
Css单位px,rem,em,vw,vh的区别
转自:https://www.cnblogs.com/theblogs/p/10516098.htmlpxpx就是pixel像素的缩写,相对长度单位,网页设计常用的基本单位。像素px是相对于显示器屏幕分辨率而言的emem是相对长度单位。相对于当前对象内文本的字体尺寸(参考物是父元素的font-size)如当前父元素的字体尺寸未设置,则相对于浏览器的默认字体尺寸特点:...转载 2019-05-15 22:44:07 · 234 阅读 · 0 评论 -
CSS3 box-sizing 属性
box-sizing:content-box | border-box默认值:content-boxcontent-box:padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和,即 ( Element width = width + border + padding )此属性表现为标准模式下...转载 2019-05-15 22:39:29 · 93 阅读 · 0 评论 -
Flex 布局
转自:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。Flex 布局,可以简便、完整、响应式地实现各种页面布局。一、Flex 布局是什么?Flex 是 Fle...转载 2019-05-19 14:29:03 · 131 阅读 · 0 评论