2017年7月2日

摘要: html5/css3响应式布局介绍及设计流程,利用css3的media query媒体查询功能。移动终端一般都是对css3支持比较好的高级浏览器不需要考虑响应式布局的媒体查询media query兼容问题 一个普通的自适应显示的三栏网页,当你用不同的终端来查看这个页面的时候,他会根据几种终端来显示不 阅读全文
posted @ 2017-07-02 22:55 何洋 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。 CSS 相对定位 相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。 如果将 top 设置为 2 阅读全文
posted @ 2017-07-02 22:53 何洋 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。 CSS 绝对定位 绝对定位使元素的位置与文档流无关,因 阅读全文
posted @ 2017-07-02 22:52 何洋 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模型: 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conten 阅读全文
posted @ 2017-07-02 22:51 何洋 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模型: 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conten 阅读全文
posted @ 2017-07-02 22:39 何洋 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 相对布局 RelativeLayout 允许子元素指定它们相对于其父元素或兄弟元素的位置,这是实际布局中最常用的布局方式之一。它灵活性大很多,当然属性也多,操作难度也大,属性之间产生冲突的的可能性也大,使用相对布局时要多做些测试。 下面是常用的一些属性 RelativeLayout用到的一些重要的属 阅读全文
posted @ 2017-07-02 22:38 何洋 阅读(74) 评论(0) 推荐(0) 编辑
摘要: 特点;一坐标的方式来定位在屏幕上的位置,引起缺乏灵活性,在没有绝对定位的情况下相比其他类型的布局更难维护 在拖动控件,或有动画的空间中常用绝对布局; 与相对布局的区别: 相对布局的灵活性好,属性复杂,程序复杂 示例: <?xml version="1.0" encoding="utf-8"?>< A 阅读全文
posted @ 2017-07-02 22:37 何洋 阅读(87) 评论(0) 推荐(0) 编辑
摘要: html5/css3响应式布局介绍及设计流程,利用css3的media query媒体查询功能。移动终端一般都是对css3支持比较好的高级浏览器不需要考虑响应式布局的媒体查询media query兼容问题 html5/css3响应式布局介绍 html5/css3响应式布局介绍及设计流程,利用css3 阅读全文
posted @ 2017-07-02 22:35 何洋 阅读(95) 评论(0) 推荐(0) 编辑

导航