css
小黑ii
每天进步一点点~~~
展开
-
Vue中使用animate.css V4
Vue中使用animate.css V4最近把公司官网项目依赖进行了升级,里面用到了animate.css。目前版本4.1.0。目前4.x版本相比之前3.x的breaking change如下:Animate.css v4 brought some improvements, improved animations, and new animations, which makes it worth upgrading. But it also comes with a breaking change原创 2020-05-29 12:45:14 · 4247 阅读 · 3 评论 -
编写出色CSS代码的13个建议
CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则:1 . 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset:*{ margin:0; padding:0; }这不原创 2017-02-05 12:02:24 · 270 阅读 · 0 评论 -
css3有哪些新特性
第 1 选择器 第 2 RGBA和透明度 第 3 多栏布局 第 4 多背景图 第 5 Word Wrap 第 6 文字阴影 第 7 @font-face属性 第 8 圆角(边框半径) 第 9 边框图片 第 10 盒阴影 第 11 盒子大小 第 12 媒体查询 第 13 语音原创 2017-02-07 20:11:47 · 6194 阅读 · 0 评论 -
浏览器内核与前缀
原文地址:http://blog.csdn.net/alsnei/article/details/54407988各浏览器渲染引擎: Chrome和safari —> webkit引擎; Firefox —> gecko引擎; IE —> trident引擎; Opera —> presto引擎,后改为webkit引擎;以webkit为引擎的移动浏览器最为流行。浏览器引擎前缀有哪些?转载 2017-01-20 10:56:45 · 306 阅读 · 0 评论 -
CSS外部引用方式
外面引用CSS有两种:link和@import两者都是外部引用CSS的方式,但是存在一定的区别: 区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。 区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。 区别3:link是XHTML标签,无兼容问题;@import是在CSS2原创 2017-01-20 11:18:27 · 971 阅读 · 0 评论 -
如何解决外边距叠加的问题?
collapsing-margin的W3C官方介绍:http://www.w3.org/TR/CSS2/box.html#collapsing-margins一、首先你要知道什么情况下会触发:两个或多个毗邻的普通流中的块元素垂直方向上的 margin 会折叠1.两个或多个说明其数量必须是大于一个,又说明,折叠是元素与元素间相互的行为,不存在 A 和 B 折叠,B 没有和 A 折叠的现象。2.毗邻是指原创 2017-01-20 11:50:59 · 1308 阅读 · 0 评论 -
清除浮动的方式
1.父级div定义height原理:父级div手动定义height,就解决了父级div无法自动获取到高度的问题优点:简单,代码少,容易掌握缺点:只适合高度固定的布局,要给出精确的高度,如果高度和父级div不一样时,会产生问题建议:不推荐使用,只建议高度固定的布局时使用2.结尾处加空div标签clear:both原理:添加一个空div,利用css提高的clear:both清除浮动,让父级div能自动原创 2017-01-20 11:52:11 · 228 阅读 · 0 评论 -
gulp
gulp:构建工具1.安装,全局的gulp cnpm install --global gulp2.作为项目的开发依赖(devDependencies)安装 cnpm install --save-dev gulp3.在项目根目录下创建一个名为 gulpfile.js 的文件: var gulp = require('gulp'); gulp.task('defaul原创 2017-01-20 12:12:07 · 440 阅读 · 0 评论 -
Sticky Footer: 完美的CSS绝对底部
原文地址:http://blog.csdn.net/alsnei/article/details/54344422前段时间在做项目时,遇到一个问题,如下: 移动端的正文内容不定,内容较少时,底部的组件位于窗口的下面;但是当内容较多时,底部的部件和正文和出现重叠的BUG. 因此,找到这么一个完美的完美的解决办法,源于国外牛人//html代码<div id="wrap"> <div i转载 2017-01-20 11:05:01 · 305 阅读 · 0 评论