1.包含文件 使用场景:比如我们在编写网页布局的时候,可能每一个网页的头和脚是相同的,此时如果给每一个网页分别设置,未免太麻烦了。此时就可以使用带包含文件。 首先检查配置文件查看我们的主题目录在哪儿,我们可以在核心配置文件中查看:'DEFAULT_THEME'=>'default',所以我的是在默认 ...
分类:
Web程序 时间:
2016-04-17 11:40:19
阅读次数:
174
前面的话 display属性在网页布局中非常常见,但经常用到的仅仅是block、inline-block、inline和none等寥寥几个属性值,本文将详细介绍display属性的各个方面 定义 display属性用于规定元素生成的框类型,影响显示方式 值: none | inline | bloc ...
分类:
其他好文 时间:
2016-04-16 12:11:05
阅读次数:
197
宽高自适应问题 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应。 元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。 (1)宽度自适应 元素宽度设置为100%。(块元素宽度默认为100%) ...
分类:
其他好文 时间:
2016-04-14 01:22:30
阅读次数:
166
CSS2中如果要设计多列布局,常用的方法有浮动和定位,但是浮动容易错位,定位无法满足模块的自适应能力,以及模块之间的文档流联动的需要。为了解决多列布局的难题,CSS3新增了多列自动布局功能。 利用多列布局属性可以自动将内容按指定的列数排列,这种特性特别适合报纸和杂志类网页布局。 1.columns ...
分类:
Web程序 时间:
2016-04-12 01:57:04
阅读次数:
274
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o ...
分类:
Web程序 时间:
2016-04-11 20:46:10
阅读次数:
179
在这篇文章里, 我会介绍三种使用纯css的方式来实现等高列的方法。在网页布局中设置列等高是比较常见的, 所以写这篇文章就是要总结下一些优雅的纯CSS解决方案。插图自己弄得,不喜莫喷 哈哈。。下面介绍的三种方法都只用到了CSS , 不涉及jQuery、JavaScript计算实现的方法,所以我把它这篇文章标题设为:三种纯CSS方法实现等高列。 方法-1: 使用Margins, Paddings和...
分类:
Web程序 时间:
2016-04-06 23:37:42
阅读次数:
533
在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer) 流动(Flow)是默认的网页布局模式。流动布局模型具有2个比较典型的特征: 第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100% ...
分类:
Web程序 时间:
2016-04-04 18:09:22
阅读次数:
581
网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案 Flex布局,可以简便、完整、响应式地实现各种 ...
分类:
其他好文 时间:
2016-04-04 10:24:04
阅读次数:
214
html、javascript、url特殊字符转义在实际编程中都是有用到的,有的人对特殊字符转义的使用不是很清楚,下面就对html,javascript,url特殊字符的转义做一下说明和归纳。 html特殊字符转义 html特殊字符转义的格式规定: 还 记得刚学习html那会,做网页布局,需要用到很 ...
分类:
编程语言 时间:
2016-04-01 01:09:19
阅读次数:
186
网页常见的布局有一般一栏、两栏、三栏现在从一栏说起: css: <style type="text/css"> .container{background: #87cbe5;height: 700px;width:500px;/*margin:0px auto;*/margin-left: auto ...
分类:
Web程序 时间:
2016-04-01 00:49:07
阅读次数:
162