摘要: 2016-03-10 01:40 by 空智, 7463 阅读, 8 评论, 收藏, 编辑 理解CSS3中的background-size(对响应性图片等比例缩放) 阅读目录 background-size的基本属性 给图片设置固定的宽度和高度的 固定宽度400px和高度200px-使用backgr 阅读全文
posted @ 2017-01-15 20:56 李鱼儿家 阅读(1026) 评论(0) 推荐(0) 编辑
摘要: 回到顶部 一:过渡动画 Transitions 一:过渡动画 Transitions 含义:在css3中,Transitions功能通过将元素的某个属性从一个属性值在指定的时间内平滑过渡到另一个属性值来实现动画功能。 Transitions属性的使用方法如下所示: transition: prope 阅读全文
posted @ 2017-01-15 20:53 李鱼儿家 阅读(458) 评论(0) 推荐(0) 编辑
摘要: 2016-06-07 23:50 by 空智, 1103 阅读, 5 评论, 收藏, 编辑 移动端开发适配2种方案总结 针对移动端适配的方案~ 一: 第一种方案是:所有的单位使用rem来适配;首先在页面上设置html的font-size的大小;如下我项目中的设置: html的默认字体大小为100px 阅读全文
posted @ 2017-01-15 20:47 李鱼儿家 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 前面的话 导航条Tab在页面中非常常见,本文说详细介绍CSS实现导航条Tab的三种方法 布局 根据上图所示,先规定几个定义,上图的模块整体叫做导航,由导航标题和导航内容组成。要实现上图所示的布局效果,有两种布局方法:语义布局和视觉布局 【语义布局】 从语义布局的角度来看,每一个导航标题和其对应的导航 阅读全文
posted @ 2017-01-15 20:32 李鱼儿家 阅读(985) 评论(0) 推荐(0) 编辑
摘要: 前面的话 两端对齐在导航Nav的制作中非常常用。本文将详细介绍CSS两端对齐的3种实现方式 flex 弹性盒模型flex作为强大的弹性布局方式,可以hold住大部分的布局效果,当然也包括两端对齐。可以使用主轴对齐justify-content的两端对齐属性space-between 如果要考虑fle 阅读全文
posted @ 2017-01-15 20:30 李鱼儿家 阅读(5817) 评论(0) 推荐(0) 编辑