![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 53
Carol小朋友
正在努力成为一名优秀的前端程序媛~
展开
-
Sass在Vue项目中的使用
简介Sass 是一个 CSS 预处理器。Sass 是 CSS 扩展语言,可以帮助我们减少 CSS 重复的代码,节省开发时间。Sass 完全兼容所有版本的 CSS。Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承、内置函数等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。Sass 文件后缀为 .scss。安装1. 安装依赖包vue的webpack项目中需要安装上node-sass、sass-loader和style-loadernpm install --原创 2020-07-08 14:17:54 · 590 阅读 · 0 评论 -
CSS3 Animation
关键帧(@keyframes)关键帧定义动画不同阶段的状态。当我们在定义不同关键帧,元素属性的个数是一个变化的值。如果一个关键帧的属性,没有出现在其他关键帧的时候,那么这些属性将会使用上一帧的默认值。区别在于,缺省之后的渐变效果是不会出现的。@keyframes dropdown { 0% { top: 0; } 30% { top: 300px; } 50% {...原创 2018-12-04 23:04:21 · 136 阅读 · 0 评论 -
CSS盒模型及边距重叠
盒模型由content,padding,border,margin组成。两种模型W3C标准模型和IE模型。在标准模型中,盒的宽高只是内容的宽高。在IE模型中宽高是content+padding+border的宽高。如何设置通过设置box-sizing:content-box/border-box;边距重叠两个box都设置了边距,垂直方向上两个box的边距会重叠,以绝对值大的为最...原创 2018-12-13 00:20:03 · 422 阅读 · 0 评论 -
CSS两列布局总结
两列布局是左边一栏定宽,右边一栏自适应的布局。有以下几种实现方法:1.左边向左浮动,右边设margin-left2.左边绝对定位,右边设margin-left3.加一个父级flex容器,右边flex:14.左边向左浮动,右边触发BFC...原创 2018-12-13 14:37:34 · 634 阅读 · 0 评论 -
CSS三列布局总结
三列布局就是左右两栏定宽且不一定相等,中间一栏自适应。有以下几种方法:1.圣杯布局2.双飞翼布局3.弹性布局4.绝对布局原创 2018-12-13 15:26:22 · 193 阅读 · 0 评论 -
移动端字体适配小结
rem首先,rem是相对根元素html字号的相对单位,一般默认字号是16px,那么1rem=16px1.先设置header里面的meta标签:<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">2.用JS来计算适应用户屏幕的根元素字号<script type=...原创 2019-02-15 11:04:34 · 2317 阅读 · 0 评论