2017设计网页宽度 第1篇
效果图： 这里需要提醒的一点是，需要注意一下是否设置容器高度，如果没有设置那么容器高度会随内容的增加而改变，在介绍这些属性时，我都没有设置容器的高度，但是当里面的项目是以列排列的话，容器会相应变宽。这里大概列举了三个容器的属性值来说明flex布局，其他属性大家可以下来自己进行尝试。
总结一下： 对于上面介绍的三种页面布局方式根据各自所需进行选择，这里比较推荐使用流失布局和弹性布局，流失布局在使用 的时候根据浏览器缩小整个布局不会发生变化，而弹性布局是CSS3引用的一种比较方便简单的布局方式，使用弹性布局会比使用float、position来布局显得方便。
2017设计网页宽度 第2篇
HTML 使用超级链接与网络上的另一个文档相连。HTML中的链接是一种用于在不同网页之间导航的元素。链接通常用于将一个网页与另一个网页或资源（如文档、图像、音频文件等）相关联。链接允许用户在浏览网页时单击文本或图像来跳转到其他位置，从而实现网页之间的互联。
超链接（Hyperlink），通常简称为链接（link），是网络背后的核心概念。为了解释什么是链接，我们需要回到网络架构的底层。
1.内部链接:内部连接所链接的目标一般位于同一个网站中，对于内部链接来说，可以使用相对路径和绝对路径
2.外部链接:外部链接所链接的目标一般为外部网站目标，当然也可以是网站内部目标。外部链接一般要指定所使用的协议和网站地址。 例如：，其中http是传输协议，是网站地址，是站点的相对地址。
3.锚链接:锚链接是一个特殊的链接方式，实际上它是在内部链接或者外部链接的基础上标记的后缀（#标记），例如：，就表示跳转到页面中标记为anchor的锚点位置。
超链接有两个路径，分别是绝对路径和相对路径。 1.绝对路径 绝对路径指从根目录开始查找一直到文件所处位置所经过的所有目录，目录名之间用反斜杠（\）隔开。比如存在电脑C盘的一个文件的绝对路径是从盘符开始的然后途经找到该文件的所有目录。 2.相对路径 相对路径指相对于自己的目标文件位置。比如一个项目中存在A与B两个文件夹，A下存在，B下存在，那么要想显示图片，可使用相对路径，即先返回上一级（A与B一级），找到B然后找其下的，相对路径为“…/B/”。
所谓超链接是指从一个网页指向一个目标连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接文字或图片后，链接目标将显示在浏览器上，并且根据目标类型来打开或运行
a href=_链接路径_ target=_目标窗口位置_>链接文本或图像
定义和用法 download 属性规定当用户单击超链接时将下载目标（href 属性 中规定的文件）。 download 属性的可选值将成为文件下载后的新名称。 允许使用任何值，浏览器会自动检测正确的文件扩展名并将其添加到文件中（例如.img、.pdf、.txt、.html 等）
电子邮件链接允许我们创建指向电子邮件地址的超链接。 你可以使用 HTML 标签创建这些链接——但在这种情况下，我们传递收件人的电子邮件地址而不是传递 URL。 你可以使用 mailto 属性在锚标记中指定电子邮件地址
2017设计网页宽度 第3篇
吸尘器类别:手持式吸尘器
功率:500 W
储尘类型：旋风尘盒/尘桶
吸尘类型：干/湿吸均可
适用面积：91m2-150 m2
产品特色：除螨，HEPA滤网
线长：充电式（无线）
吸嘴类型；圆毛刷
适用环境：厨房，地板，地毯，床铺，汽车，沙发，瓷砖，酒店
售后服务：海外进口商品不支持国内联保，无法享受与产地同等售后服务
品牌名称：Dyson
商品名称：我家那闺女Dyson V8 absolute 无线吸尘器
产地：马来西亚
商品编号：V8absoluteUS