作业要求： 1用打色块布局国务院2要求：1代码要有缩进2要有注释，每一div都是做什么的3用外部样式表（link）4外部要是表单独一个文件夹 html CSS外部样式表 效果： ...
分类：
Web程序 时间：
2017-09-26 01:07:07
阅读次数：
225
之前在html中学过用table标签进行网页的布局， 通过css同样可以进行对网页布局的行为，相对之下css更灵活，样式更丰富，可以比table标签做更多的设置 css用过position属性网页布局 常用的position属性有三种定位方式： 1固定定位：position：fixed——任何条件下 ...
分类：
Web程序 时间：
2017-09-25 22:05:30
阅读次数：
208
我们都知道，固定高宽的div在网页中垂直居中很简单，相信大家也很容易的写出来，但是不是固定高宽的div如何垂直居中呢？我们在网页布局，特别是手机等web端网页经常是不固定高宽的div，那么这些div如何垂直居中呢？这篇文章，我总结一下。 固定高宽div垂直居中 如上图，固定高宽的很简单，写法如下： ...
分类：
Web程序 时间：
2017-09-25 13:15:37
阅读次数：
182
一.主要内容 1.布局分类;131 121 2.display属性排版 3.float属性排版（横向多列布局） 4.防止父类盒子塌陷 二.标准文档流： a>组成 块级元素（block） 内联元素（inline） b>display属性值：block、inline、inline-block、none。 ...
分类：
Web程序 时间：
2017-09-20 00:59:59
阅读次数：
363
1>压缩文件格式：使用.zip格式较好 2>charset（字符集） 国内最新字符集格式为:gb18030 国际上通用的字符集是:UTF-8 3>添加图片 4>path路径： 绝对路径:指文件在硬盘上真是存在的路径。 eg: <body backround="E:\book\网页布局\代码\第2章\ ...
分类：
Web程序 时间：
2017-09-12 23:14:29
阅读次数：
323
网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。 它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应 ...
分类：
其他好文 时间：
2017-09-10 20:52:24
阅读次数：
187
块级元素和行级元素都是盒子模型。 <wrap>包裹网页上中下块级元素，设置wrap使网页居中。 wrap{ width:700px; margin:0 auto;} 盒子模型的三位立体图： 边框（border），位于盒子的第一层。 元素内容（content）、内边距（padding），两者同位于第二 ...
分类：
Web程序 时间：
2017-09-08 20:29:07
阅读次数：
266
响应式布局的开发基础知识 本章主要分为以下几个部分 正确理解响应式设计 响应式设计的步骤 响应式设计需要注意的问题 响应式网页布局实现原理 第一：正确理解响应式布局 响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说：现在社会有很多响应产品，例如折叠沙发，折叠 ...
分类：
其他好文 时间：
2017-09-06 21:26:25
阅读次数：
218
作者： 阮一峰 日期： 2015年7月10日 日期： 2015年7月10日 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2 ...
分类：
其他好文 时间：
2017-09-03 20:12:29
阅读次数：
178
一、float想了解浮动吗？请看这里 二、position 有4个值，分别是absolute，fixed，relative，static。1、absolute 绝对定位，相对于static定位以外的第一个父元素进行定位。脱离文档流，并且不占据原本的空间，后面的元素会顶替上去。元素的位置通过"left ...
分类：
Web程序 时间：
2017-09-03 14:09:07
阅读次数：
193
