网站链接来源：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 ...
分类：
其他好文 时间：
2017-05-03 13:08:40
阅读次数：
248
利用CSS制作静态网页主要是在<head>里面使用外联CSS文件来赋予网页样式 首先用div分区块，了解网页布局，脑子里面有个大概的页面布局 目前学习写的几种的网页布局可以分为以下几种情况： 1.页面中间 centen ,两边留白 ：直接测量 centen 内容的宽度和高度，利用 maigin:au ...
分类：
Web程序 时间：
2017-04-26 01:25:57
阅读次数：
275
注：最近研究整理swiper时，发现了Flex这个好东西，好东西！ 原文地址：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex 布局教程：语法篇 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模 ...
分类：
其他好文 时间：
2017-04-25 00:35:52
阅读次数：
250
loat和position这两者并没有孰好孰不好的问题，两者按需使用，各得所需的效果。float从字面上的意思就是浮动，这种在印刷排版之类中可能解释的更加贴切。float能让元素从文档流中抽出，它并不占文档流的空间，典型的就是图文混排中文字环绕图片的效果了。并且float这也是目前使用最多的网页布局 ...
分类：
Web程序 时间：
2017-04-24 10:16:00
阅读次数：
228
原文地址 有一个问题已经困扰网页设计师们很久了：该使用固定、流动、弹性，还是混合布局呢？它们各有优缺点。最终的决定取决于网站的可用性，单用某一种布局就想达到目的，可能没那么容易。那么，既然如此令人困惑，是否有做出正确决定的诀窍呢？考虑好几个问题，恰当地设定目标结果，你也能做出融合各方优点的成功布局设 ...
分类：
Web程序 时间：
2017-04-24 00:58:30
阅读次数：
197
网页布局基础 简介 什么是网页布局？ 网页布局是网页制作的基础，使用DIV+CSS布局网页是基础中的基础。三种基本布局方式：流式布局，浮动布局，绝对定位布局。 网页设计的特点：1：网页宽度可变 2头+内容主体（根据需要分栏）+页脚（不重要的内容） 对长度设置百分比可实现网页自适应 W3C标准包括结构 ...
分类：
Web程序 时间：
2017-04-22 23:00:12
阅读次数：
262
本周主要学习了 css的网页布局基础知识可以大概分为：理解 css盒模型-高度和宽度-外边距 margin-边框 border -内边距 padding-正常文档流的布局-元素浮动-浮动的基础 -浮动的行为-清除浮动的影响-定位-指定元素的位置-相对定位-绝对定位，从我本人的学习情况来看还是很不理想 ...
分类：
其他好文 时间：
2017-04-22 14:29:31
阅读次数：
136
元素浮动 <html> <head> <title>float属性使图像漂移</title> <style type="text/css"> img {float: right; margin: 20px;} </style> </head> <body> <p><img src="floatima ...
分类：
其他好文 时间：
2017-04-22 12:29:27
阅读次数：
152
1.绝对路径 绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该使用 以下 ...
分类：
Web程序 时间：
2017-04-19 10:12:35
阅读次数：
281
网页布局基础 简介 1.什么是网页布局 网页布局是网页制作的基础，使用DIV+CSS布局网页是基础中的基础。 2.流式布局，浮动布局，绝对定位布局。相关知识点：标准文档流，盒子模型，float属性position属性等。 W3C标准包括结构化标准语言，表现标准语言，行为标准语言，倡导结构，样式，行为 ...
分类：
Web程序 时间：
2017-04-16 16:17:40
阅读次数：
219
