CSS
PromiseXuu
别作妖
展开
-
flex常见布局
基础知识:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool)等分:flex:1<div class="main"> <div class="item">1</div> <div class="item">1</div>...原创 2020-02-12 16:46:15 · 495 阅读 · 0 评论 -
CSS预处理器之 less和sass对比?
lessLess 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。 注释 以//开头的注释,不会被显示到css文件中以/**/包裹的注释会被显示到css文件中变量使用@来申明一个变量:@pink:pink;可以作为常数来使用。注意(如果属性值有单位一般我们都会把单位放到变量上,这样)1...原创 2018-05-17 14:34:44 · 812 阅读 · 0 评论 -
transform之时钟特效
直接上代码 Title * { margin: 0; padding: 0; } #wrap{ width: 300px; height: 300px; background: #F0F0F0;原创 2018-04-18 18:43:02 · 656 阅读 · 2 评论 -
关于解决清除浮动的五大方法
1、 直接父级定义heght(不推荐使用)2、 结尾处加空div标签clear:both3、 父级div定义overflow:hidden,也就是开启BFC注:IE6不支持BFC,使用zoom:1,这是开启HasLayout模式,其它浏览器不支持4、 父级div定义伪类after 解决步骤: 1、伪元素在外容器最后增加内容,伪元素现在只能添加文字和图片 2、在最后添加字符"....原创 2018-03-07 19:11:30 · 328 阅读 · 0 评论 -
清除浮动和定位
清除浮动1、怪异盒子模型 /*div的高度和宽度=原来的高度和宽度*/ box-sizing: border-box;/*div的高度和宽度=padding+border+content*/ box-sizing: content-box;2、浮动定义:div浮动后,脱离文档流不再独占一行,后续内容会被挤到原来的位置,脱离后,容器无高度。未浮动时,会...原创 2018-03-07 18:25:29 · 215 阅读 · 0 评论 -
当html+css遇到IE6部分问题解决方法
89-IE6对png的修复注意:IE6对png24支持度不高,使用会无法显示。解决方法:1、 png8代替png24(图片清晰度会下降)2、 使用JS解决,引入JS文件。格式: //fix+修复的块原创 2017-12-19 13:15:16 · 300 阅读 · 0 评论 -
CSS将元素隐藏的几种方法?
来了趟北京,把你弄丢了原创 2018-05-07 08:18:22 · 354 阅读 · 1 评论