遵循标准，采用DIV设计网页。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种内容的定位。DIV是HTML语言中的一个常用元素，而DIV+CSS是网页布局的一种方法，这种布局方法区别于传统的Table布局，达到了内容与代码相分离的效果。使用DIV+CSS设计的网...
分类：
Web程序 时间：
2015-04-19 13:00:15
阅读次数：
183
一、什么是双边距Bug？先来看图：我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且要留出内容栏的宽度。要实现这样的效果，我们给绿色盒模型应用以下CSS属性：以下为引用的内容：.floatbox {float: ...
分类：
其他好文 时间：
2015-04-15 18:32:48
阅读次数：
163
三种定位机制1.标准文档流：从上到下，从左到右输出文档内容2.浮动3.绝对定位需要注意的是块级元素如div p ul 等 行级元素如span strong img input等块级元素与行级元素都是盒子模型，下面说下盒子模型盒子模型盒子模型是网页布局的基石，border padding m...
分类：
Web程序 时间：
2015-04-15 00:56:44
阅读次数：
212
一个自适应的宽度的两列网页布局，含头部和尾部，也是比较经典的二栏风格设计，在本例中，网页左栏是自适应宽度的，不论你的浏览器窗口大小，它都不会出现滚动条，你完全可以把它拷贝回去做为一个模板来用，也是学习CSS布局的一个好范例。...
分类：
Web程序 时间：
2015-04-11 14:53:48
阅读次数：
113
首先需要分析网易RSS订阅中心的网页布局情况。网易RSS订阅中心：http://www.163.com/rss/你会发现RSS文件由一个元素及其子元素组成，除了频道本身内容之外，还以项的形式包含表示频道元数据的元素。其中频道下面主要的三个元素就是：1.title:频道或提要的名称。2.link:与该...
分类：
其他好文 时间：
2015-04-08 14:47:47
阅读次数：
128
web开发网页布局中常常会碰到各种居中，由于浏览器渲染方式的不同，因此存在很多不同的场景，本文将个人平时遇到的一些场景一一列举，以备不时之需。示例代码地址：runjs1.垂直居中前提：假定父元素是盒子模型且高度已经设定。场景一：子元素是行内元素，高度由其内容撑开这种情况下，需要通过设定父元素的lin...
分类：
Web程序 时间：
2015-04-08 10:37:36
阅读次数：
142
在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。1.绝对路径 绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\...
分类：
其他好文 时间：
2015-04-07 15:20:09
阅读次数：
108
在网页布局中，垂直居中对齐总是一个绕不过的话题，而且这两种对齐方式由于浏览器渲染方式的不同，也存在很多不同的场景，本文试图将这些场景一一列举并给出解决方案，也是对这个知识点的一点回顾和总结。1.水平居中水平居中这个问题首先要搞清楚存在两个条件才能够称之为水平居中，即父元素必须是块级盒子容器，父元素宽...
分类：
Web程序 时间：
2015-04-04 22:33:16
阅读次数：
372
在进行CSS网页布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？ 一、IE边框若显若无，须注意，定是高度设置已忘记； 二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中； 三、三像素文本慢移不必慌，高度设置帮...
分类：
Web程序 时间：
2015-03-29 10:38:14
阅读次数：
157
盒子模型的综合应用CSS提高1Div ul li 的综合应用很多的网页布局现在都用到这种模式 homework2.html this is the test; 刘亦菲 刘亦菲 刘亦菲 刘亦菲 刘亦菲 刘亦菲 刘亦菲 刘亦菲 CSS 代码：@CHARSET "UTF-8";/*将...
分类：
Web程序 时间：
2015-03-17 17:20:46
阅读次数：
180
