2016年7月22日

摘要: css3的媒体查询(Media Queries) 我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。 先看一个简单的例子: <link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css 阅读全文
posted @ 2016-07-22 16:04 小面团 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 认识和理解css布局中的BFC BFC的定义 是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。 Block Formatting Context 的元素的特点 其子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部,两个相邻 阅读全文
posted @ 2016-07-22 16:01 小面团 阅读(181) 评论(0) 推荐(0) 编辑
摘要: css3响应式布局 响应式布局 分栏布局,-webkit-column-width(定义每栏的宽度,会根据每栏宽度自动分成若干栏) <style> .wrap {width: 900px; border: 1px solid #000; font: 14px/28px "宋体"; color: #0 阅读全文
posted @ 2016-07-22 15:54 小面团 阅读(187) 评论(0) 推荐(0) 编辑

导航