摘要: 跨浏览器的CSS3动画库,使用方便 animate.css 是一个集合酷的,有趣的和跨浏览器的动画。 基本用法 在页面的 <head>中引入样式文件: 给你想要添加动画效果的元素加上 animated 样式,如果想要动画循环执行的话,你需要加上 infinite 样式。 最后,你需要加上下面中的一个 阅读全文
posted @ 2017-12-30 23:31 BluesQian 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 盒模型分为IE盒模型和W3C标准盒模型。 IE盒模型和W3C标准盒模型的区别是什么? 1. W3C 标准盒模型: 属性width,height只包含内容content,不包含border和padding。 2. IE 盒模型: 属性width,height包含border和padding,指的是co 阅读全文
posted @ 2017-12-30 18:43 BluesQian 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 1. 页面顶部阴影 2. 给 body 添加行高 你不需要分别添加 line-height 到每个p,h标记等。只要添加到 body 即可: line-height:1; 的意思是 根据该元素本身的字体大小 设置行高 比如该元素字体是15px line-height:1; 的行高就是15px; 3. 阅读全文
posted @ 2017-12-30 18:27 BluesQian 阅读(139) 评论(0) 推荐(0) 编辑
摘要: flex 基本概念 使用 flex 布局首先要设置父容器 display: flex,然后再设置 justify-content: center 实现水平居中,最后设置 align-items: center 实现垂直居中。 CSS: 是的,flex 的确没有那么简单,这就要从两个基本概念说起了。 阅读全文
posted @ 2017-12-30 17:57 BluesQian 阅读(1501) 评论(0) 推荐(0) 编辑
摘要: border属性是在实际的应用中使用频率比较高的一个属性,除了作为边框使用,利用border属性的一些特征以及表现方式,可以在实现一些比较常见的效果(如等高布局,上下固定内容滚动布局和绘制CSS图标等),利用css3新增的属性值(如使用图片填充边框)可以实现一些更复杂的效果。 本文不介绍border 阅读全文
posted @ 2017-12-30 17:17 BluesQian 阅读(169) 评论(0) 推荐(0) 编辑