2024年10月20日
使用“DIV+CSS”对网站进行布局符合W3C标准，采用这种方式布局通常是为了说明与HTML表格定位方式的区别。因为现在的网站设计标准中，已经不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。通过使用div盒子模型结构将各部分内容划分到不同的区块，然后用css来定义盒子模型的位置、大小、边框、内外边距、排列方式等。简单地说，div用于搭建网站结构（框架）、css用于创建网站表现（样式/美化）。该标准简化了HTML页面代码，获得一个较优秀的网站结构，有利于日后网站维护、协同工作和便于搜索引擎抓取。当然并不是所有的网页都需要用div布局，例如数据页面、报表之类的页面，还是使用HTML的表格会比较方便，web标准里并没有说要抛弃table。
2024年10月20日
三种方法：按比例缩小、图片裁切、预览图片裁切
2024年10月20日
一、让DIV在页面居中
* {
margin:0;
}
#box {
width:300px;
height:300px;
background:#03F;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
}
二、让子DIV在父DIV中居中；文字在DIV中居中
2024年10月20日
我将讲解 Bootstrap 的网格系统（Grid System）。
Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。
什么是网格（Grid）？
摘自维基百科：
在平面设计中，网格是一种由一系列用于组织内容的相交的直线（垂直的、水平的）组成的结构（通常是二维的）。它广泛应用于打印设计中的设计布局和内容结构。在网页设计中，它是一种用于快速创建一致的布局和有效地使用 HTML 和 CSS 的方法。
2024年10月20日
要让 `div` 下面的按钮一行一行地排列起来，你可以用各种CSS布局技巧。这里有几种常用的方法：
2024年10月20日
在网页制作过程中，布局是我们最重要的一个环节。可以说布局的好坏直接影响到整个网页的成败！布局成则事半功倍；布局败，则事倍功半。 随着移动互联的到来，响应式网站风靡。这也就兴起了一种新兴的布局方式——弹性布局。取代我们之前“display+float+position”的布局形式，采用全新的弹性布局，会让你的网站如丝般顺滑！ 今天，就让我们一起来学习一下弹性布局，让我们用5个div玩转弹性布局吧~
2024年10月20日
要让一个DIV水平居中，只要设置可div的宽度高度就可以使用margin: 0 auto 来让这个DIV水平居中
那么要如何让div垂直居中显示在页面的中间，这里的前提还是先设置div的宽度还有高度才可以，下面是方法还有代码
首先要先设置html还有body的宽度和高度为100%
然后给div本身来个相对定位再根据div本身的宽度高度设置外边距
代码如下
这里你也可以使用绝对定位来设置
2024年10月20日
上回说到在网页上面用`<canvas>`标签和一个小的javascript库实现了飘雪花的效果。
进来看看，1分钟用HTML5实现的雪花效果——HTML5实例001
有客官提到不知道如何入手学习`<canvas>`这个标签的事，我正好想到了自己曾经为了学习这东西写了一个生成像素风格头像的网页，简单明了，明天分享出来。
2024年10月20日
1.宽度自适应：
元素宽度设为100%（块状元素的默认宽度为100%）
注：应用在通栏效果中
2.高度自适应：
height:auto;或者不设置高度
3.最小，最大高度，最小，最大宽度：
2024年10月20日
在网页设计中经常用到css来设计各种边框样式以及颜色等，有时候需要一个div只显示一个边框，那么你可能会用到下面的一些方法。?
一、CSS border-width 属性