说到栅格布局，可能有些读者不太清楚。不过说到栅格，脑子里总会有相应的一些画面，比如： 图1 原始栅格图 图1上显示的就是以前人为了保护某部份土地，特意用竹子包围起该块土地。我们把这种编织筑起的竹子围栏就称之为篱笆或栅格。不管之前有没有了解过栅格的读者们，相信看了图5.1所示，会对栅格这个词有一个概念 ...
分类：
Web程序 时间：
2019-12-30 09:22:49
阅读次数：
120
本文重点在于HTML5与CSS3的学习和使用，HTML与CSS不属于编程范畴，更偏向于设计，而Sass是编程化的CSS的扩展语言，对于没有接触过编程的读者可能会有点吃力，这里不做对语法详细介绍，仅作为基本介绍，让读者了解Sass的优越性，如果对Sass感兴趣，请自行查阅相关资料。 Sass基本语法 ...
分类：
Web程序 时间：
2019-12-27 09:15:29
阅读次数：
84
Sass作为一门具有编程性质的CSS扩展语言，它具有独立的文件名称，因为其历史原因，它的后缀名可以有两个选择，分别为sass和scss，其中sass的编写格式不符合CSS编程语法规范，其不能使用大括号和分号，需要的严格的缩进来做定界。如下所示： body background: #eee font- ...
分类：
Web程序 时间：
2019-12-26 09:42:16
阅读次数：
107
文章来源：嗨学网 敏而好学论坛www.piaodoo.com 欢迎大家相互学习 在php中iconv函数库能够完成各种字符集间的转换，是php编程中不可缺少的基础函数库；但有时候iconv对于部分数据转码会无缘无故的少一些。比如在转换字符"—"到gb2312时会出错。 下面一起慢慢看一下这个函数的用 ...
分类：
Web程序 时间：
2019-12-24 20:35:33
阅读次数：
87
在了解完Sass之后，相信大多数人更期望了解它到底如何将我们编写CSS代码的效率提高的？到底是如何让我们的CSS代码更具有可维护性的？到底如何让我们编写的CSS代码更具有重用性的？那么笔者就来讲述一个Sass编码的实例，来解答这些疑问。 首先我们先拟定一个需求，让HTML中按钮有相同的大小和不同的款 ...
分类：
Web程序 时间：
2019-12-24 09:31:51
阅读次数：
100
在上例中，我们使用Media Queries模块来根据3种不同尺寸的窗口使用3种不同的样式。通过不同的媒体类型和条件定义样式表规则，媒体查询让CSS可以更精确地作用于不同的媒体类型和同一媒体的不同条件。媒体查询的大部分媒体特性都接受min和max用于表达“大于或等于”和“小与或等于”。例如，widt ...
分类：
Web程序 时间：
2019-12-19 09:25:29
阅读次数：
81
在iPhone系列和iPod Touch中使用的是Safari浏览器，它支持前面介绍的媒体查询表达式。例如，使用iPhone 320px×480px的分辨率去访问我们前面的布局示例，却无法得到我们想看到的结果，并不是从上到下排列显示，而是和计算机显示器访问的布局相同。为什么会这样？因为在iPhone ...
分类：
移动开发 时间：
2019-12-19 09:17:12
阅读次数：
84
布局所涉及的技术非常很多，足以另写单独的一本书了。在本节中主要介绍网站中最常用的布局方案，包括区块框居中、两列浮动、三列浮动及多列浮动的区块框。 1 居中设计 区块框居中的设计是在网页布局中常用的技术，例如将网页内的主体内容设置为一定的宽度，然后在页面内居中占据屏幕的一部分显示，而不是横跨整个屏幕宽 ...
分类：
Web程序 时间：
2019-12-13 09:39:32
阅读次数：
105
虽然使用绝对定位可以实现页面布局，但由于调整某个盒子模型时其他盒子模型的位置并不会跟着改变，所以并不是布局的首选方式。而使用浮动的盒子模型可以向左或向右移动，直到它的外边缘碰到包含它的盒子模型边框或另一个浮动盒子模型的边框为止。并且由于浮动的盒子模型不在文档的普通流中，所以文档的普通流中的盒子模型表 ...
分类：
Web程序 时间：
2019-12-11 09:30:40
阅读次数：
119
标准的网页都需要对内容进行布局，以前都是采用表格的定位技术，从2005年开始逐步转向DIV+CSS的布局方式，目前绝大多数的网站都是采用这种布局方式。使用DIV+CSS对网站进行布局符合W3C标准，采用这种方式布局通常是为了说明与HTML表格定位方式的区别。通过使用DIV盒子模型结构将各部分内容划分 ...
分类：
Web程序 时间：
2019-12-06 09:48:38
阅读次数：
105
