在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float)3、层模型（Layer） 1.流动模型（flow） 默认的网页布局模式。 流动布局有两个典型的特征 1.块状元素都会在所处的包含元素内自上二下按顺序垂直延伸分布，默认情况下，块状元素的宽度都是100%。 实际上块状元素 ...
分类：
Web程序 时间：
2017-03-22 20:43:26
阅读次数：
167
bootstrap是一款依赖于jquery开发的一款响应式网页布局的插件，可以针对不同的屏幕尺寸调整你的页面，使其在个尺寸屏幕上表现良好。 从bootstrap官方网站来看，bootstrap主要有下面几部分组成： CSS——Bootstrap为我们预实现了很多CSS样式。包括一些图片以及网站的响应 ...
分类：
Web程序 时间：
2017-03-19 23:44:40
阅读次数：
188
1、响应式布局(respond layout)：一个网站能够兼容到多个终端。 2、响应式布局原理：使用css3中的Media Query(媒介查询)screen的宽度来指定某个宽度区间的网页布局 超小屏幕（移动设备） 768px以下 小屏设备 768px - 992px 中等屏幕 992px-120 ...
分类：
其他好文 时间：
2017-03-19 03:07:00
阅读次数：
259
Flex 布局教程：语法篇 作者： 阮一峰 日期： 2015年7月10日 作者： 阮一峰 日期： 2015年7月10日 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不 ...
分类：
其他好文 时间：
2017-03-16 21:32:06
阅读次数：
188
相对路径和绝对路径的区别 在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。 1.绝对路径 绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下，那么 “bg.jpg”这个图片的绝对路径就... ...
分类：
编程语言 时间：
2017-03-09 14:29:37
阅读次数：
187
经常为不同分辨率设备或不同窗口大小下布局错位而头疼,可以利用@media screen实现网页布局的自适应,优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值以下是针对自用主题而写的css,对宽度768 ...
分类：
Web程序 时间：
2017-03-08 14:00:31
阅读次数：
209
看项目时发现对应页面下找不到侧栏部分代码,仔细观察后发现页面引入了sitemesh标签，查了下资料原来是页面用了sitemesh框架解！耦！了！ 以前多个模块包含相同模块时总是include jsp文件,没感觉多么麻烦,但看了sitemesh,感觉可以非常简单! sitemesh通过基于Servle ...
分类：
Web程序 时间：
2017-03-07 19:05:33
阅读次数：
238
说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw和vh、vmin和vma ...
分类：
移动开发 时间：
2017-03-07 13:20:35
阅读次数：
347
说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw和vh、vmin和vma ...
分类：
移动开发 时间：
2017-03-07 08:36:52
阅读次数：
278
打开一个网站,首先呈现在眼前的就是网站的布局，同时好的网页布局也可以让访客更容易在网站上找到他们所需要的信息，所以网站制作初学者应该对网页布局的相关知识有所了解。 一、网页布局类型 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型等，下面分别论述。 1. ...
分类：
Web程序 时间：
2017-03-06 11:01:44
阅读次数：
176
