css
lmy233
这个作者很懒,什么都没留下…
展开
-
vue中利用PostCSS实现移动端自适应
1.利用npm安装下面9个插件2.将下列代码复制到.postcssrc.jsmodule.exports = { "plugins": { "postcss-import": {}, "postcss-url": {}, "postcss-aspect-ratio-mini": {}, "postcss-write-svg": { utf8: false }, "postcss-cssnext": {},原创 2020-10-16 20:54:11 · 968 阅读 · 0 评论 -
你必须知道的flex伸缩布局
伸缩布局:display:flex;让大盒子成为容器,容器有主轴和侧轴;子盒子是容器的项目,项目默认会从主轴的起点沿主轴的方向依次排列,如果超过容器,则会自动收缩,不换行 所以一定要注意当前主轴的起点在什么地方容器的6个属性:写在容器的css里—1---flex-direction控制主轴的方向:row→:默认值,主轴呈现水平方向从左往右column↓:主轴呈现垂直方向从上往下,项目会垂直排列,侧轴会变成水平方向从右往左row-reverse← 主轴呈现水平方向从右往左,项目的排列也会反过来原创 2020-10-16 21:02:35 · 1450 阅读 · 0 评论 -
css经典4种经典流式布局
左侧固定,右侧自适应左边写死宽高,并浮动,右边高度写死,但是不能设置宽度,用margin-left去留出左边盒子的宽度,右边盒子会自动内减,右侧盒子不会被撑大。一个没有width属性的标准流盒子,设置margin和padding并不会撑大盒子的实际宽度,相当于设置了box-sizing:border-box;左侧自适应,右侧固定设置第一个盒子右浮动,相当于右侧盒子,第二个盒子高度固定,宽度不写,设置margin-right,盒子自动内减注意,不可先写左侧的固定盒子,否则,左侧盒子会占一行,右侧盒子原创 2020-10-16 21:01:00 · 4656 阅读 · 0 评论 -
css之filter滤镜(网站一键变色)
有时我们会看到在一些特殊节日,例如清明节或公祭日的时候,很多网站或者app所有内容都会变成灰色,这里就是利用了css的filter样式。// 只要作用到html标签上,即可实现一行代码让网页内容全部变灰html{filter: grayscale(100%);}下面是关于filter属性所有的值:Filter 描述none 默认值,没有效果。blur(px) 给图像设置高斯模糊。"radius"一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以值越大越模糊;如果没有设定值,则原创 2020-10-16 19:44:06 · 1501 阅读 · 0 评论