
css
常用样式
Api工程师~
这个作者很懒,什么都没留下…
展开
-
css默认样式以及解决办法
display:inline-block会出先参差不齐的情况?父级添加font-size:0;dt dd li的空隙解决?overflow:hiddenv-align:top; (只在dt,dd中生效)background正确的书写方式?background:#fff url(’./’) center center no-repeat原创 2021-08-15 20:12:12 · 163 阅读 · 0 评论 -
css面试题
两列布局三列布局元素设置宽度100%和不设置的区别元素页面居中标准盒模型和怪异模型的区别可继承的属性样式有哪些display:none 和visibility: hidden的区别几种清除浮动的方式alt属性和title属性的区别浏览器兼容问题移动端适配方式rem,em,vh,vw都是怎么计算的什么是BFC外边距塌陷解决方法浏览器盒模型::after/:after与::before/:before的区别?css样式优先级算法输入不间断的字符不会换行,如何解决...原创 2021-07-17 10:10:29 · 142 阅读 · 0 评论 -
sass封装的动画文件
@charset "UTF-8";@import "an.scss";.loading_box { height:auto; .loading { width:100px; height:100px; margin:50px auto; position: relative; &:before{ content: ""; position: absolu原创 2021-07-15 17:10:42 · 135 阅读 · 0 评论 -
sass封装h5适配文件
@charset "UTF-8";/**使用方法@include keyframes(anMeinv,( 0%:( background: url(i/meinv.png) no-repeat pxToRem(140) pxToRem(11), background-size: pxToRem(165) pxToRem(157) ), 50%:( background: url(i/meinv.png) no-repeat pxT原创 2021-07-15 17:09:03 · 169 阅读 · 0 评论 -
sass的使用方法
sass的优缺点优点:css预处理器为css增加一些编程的特性,无需考虑浏览器的兼容性问题。支持嵌套、变量和逻辑等。可以让css更加简介、提高代码复用性、逻辑分明等等。缺点:css的文件体积和复杂度不可控;增加了调试难度和成本常用的知识点1、注释/*多行*///单行/*! 不会被压缩*/2、变量 (会有作用域的限制)$color: red; //在值的后边加global会变为全局属性3、模板字符串#{变量}4、@import 引入文件支持同时导入多个文件,使用逗原创 2021-07-08 11:01:41 · 127 阅读 · 0 评论 -
css整理
动画 animation语法animation: name duration timing-function delay iteration-count direction fill-mode play-state;属性animation-name :动画名称animation-duration:完成时间animation-timing-function:播放速度animation-delay:延迟时间animation-iteration-count:播放次数animation-d转载 2021-07-01 09:54:02 · 71 阅读 · 0 评论 -
grid布局详解
grid布局详解转载 2021-06-24 06:53:32 · 164 阅读 · 0 评论 -
css小技巧
当文字超出时用胜率号代替<p>这是一段超出内容的话,必须要超出才会出现省略号</p>p{ width: 200px; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}让文字的颜色为渐变<p>我需要成为渐变色</p>p{ width: 200px; background: linear-g原创 2021-05-17 23:13:04 · 87 阅读 · 0 评论