布局实现采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只设计一套尺寸；可切换的固定布局：同样以像素作为页面单位，参考主流设备尺寸，设计几套不同宽度的布局 ...
分类：
其他好文 时间：
2016-10-06 12:36:52
阅读次数：
132
第31 章项目实战-PC 端固定布局[10]学习要点：1.机票预定2.代码详解 本章主要开始使用学习用HTML5 和CSS3 来构建Web 页面，第一个项目采用PC 端固定布局来实现。一．机票预定机票预定页面，具体如下：二．代码详解//全部代码<form action="###"><h2>机票预定< ...
分类：
其他好文 时间：
2016-09-20 12:08:55
阅读次数：
135
第31 章项目实战-PC 端固定布局[6]学习要点：1.分离CSS2.头部区域3.内容区域本章主要开始使用学习用HTML5 和CSS3 来构建Web 页面，第一个项目采用PC 端固定布局来实现。一．分离CSS本节课，我们将要创建一个新的页面：旅游资讯。那么，现在需要解决的问题是，如果把首页重复的部分 ...
分类：
其他好文 时间：
2016-09-20 12:05:25
阅读次数：
195
第31 章项目实战-PC 端固定布局[8]学习要点：1.资讯内容2.代码详解 本章主要开始使用学习用HTML5 和CSS3 来构建Web 页面，第一个项目采用PC 端固定布局来实现。一．资讯内容和首页一样，只不过这里，布局方式有所不同，具体如下：二．代码详解//全部代码<figure class=" ...
分类：
其他好文 时间：
2016-09-20 12:05:17
阅读次数：
144
第31 章项目实战-PC 端固定布局[4]学习要点：1.热门旅游区2.标题介绍区3.旅游项目区 本章主要开始使用学习用HTML5 和CSS3 来构建Web 页面，第一个项目采用PC 端固定布局来实现。一．热门旅游区本节课，我们将探讨一下首页最核心的部分，旅游区。这块内容由两个部分组成，一个是大标题， ...
分类：
其他好文 时间：
2016-09-20 11:59:08
阅读次数：
149
第31 章项目实战-PC 端固定布局[5]学习要点：1.底部区域2.说明区域3.版权及证件区 本章主要开始使用学习用HTML5 和CSS3 来构建Web 页面，第一个项目采用PC 端固定布局来实现。一．底部区域本节课，我们将探讨一下首页中最底部的区域。这部分区域由两个部分组成，一个是说明内容，有：合 ...
分类：
其他好文 时间：
2016-09-20 11:54:03
阅读次数：
179
第31 章项目实战-PC 端固定布局[8]学习要点：1.归类合并2.子导航 本章主要开始使用学习用HTML5 和CSS3 来构建Web 页面，第一个项目采用PC 端固定布局来实现。一．归类合并在前面几节课中，有一部分HTML 代码比较松散，没有统一到一个类别块里。比如：很多的标签超链接没有归类到UL ...
分类：
其他好文 时间：
2016-09-20 11:46:49
阅读次数：
141
第31 章项目实战-PC 端固定布局[7]学习要点：1.侧栏制作2.详细代码 本章主要开始使用学习用HTML5 和CSS3 来构建Web 页面，第一个项目采用PC 端固定布局来实现。一．侧栏制作本节课，主要设计一下内容页面的侧栏部分，分三个小块。经过思考，侧栏会包含一些图片，而主要部分也会包含图片， ...
分类：
其他好文 时间：
2016-09-20 11:44:55
阅读次数：
180
第31 章项目实战-PC 端固定布局[3]学习要点：1.搜索区2.插入大图3.搜索框本章主要开始使用学习用HTML5 和CSS3 来构建Web 页面，第一个项目采用PC 端固定布局来实现。一．搜索区本节课，我们接着header 头部往下，来设计一块搜索区。这个区域，可以是广告大图，也可以是用户注册， ...
分类：
其他好文 时间：
2016-09-20 11:44:25
阅读次数：
156
1.anchor固定布局子组件尺寸相对于容器的尺寸，即父容器容器的大小发生变化时，使用anchor布局的组件会根据规定的规则重新渲染位置和大小(width:500,height:300,)。一般与布局column一起使用。设置相对于父容器的百分比。2.absolute绝对布局X/Y坐标定位3.accordion手风琴布局类..
分类：
Web程序 时间：
2016-09-02 01:08:15
阅读次数：
510
