1.常见的标签，并简单介绍这些标签用在什么场景
* <a> 用于超链接。<a href="">some text</a>
* <article> 用于一篇文章。<article>a self-contained article</article>
* <aside> 用于页面的侧边栏。<aside>some content</aside>
* <blockquote> 用于大段的引用内容。<blockquote>some big texts</blockquote>
* <body> 页面上显示的所有内容都被包含在<body></body>里
* <br> 用于显示一个换行
* <button> 用于显示一个按钮
* <code> 用于一包裹一段代码内容
* <dd> 用于一个dl列表的某个dt名词的描述
* <del> 用于删除一些不需要的文字
* <div> 用于包裹住一些其他的标签，制造一个容器
* <dl> 用于制作一个名词和对应解释的列表
* <dt> 用于一个dl列表的某个dt名词
* <em> 用于强调一些文本内容
* <figcaption> 用于一张图表的说明文字
* <figure> 用于一张图表
* <footer> 用于包裹页面的底部内容
* <form> 用于制作一个表单
* <h1>-<h6> 用于标记标题，从h1到h6重要性依次递减
* <head> 用于包裹页面的元数据，如<meta>, <link>, <title>等
* <header> 用于包裹页面的头部内容
* <hr> 用于制造出一条分隔线
* <html> 整个 HTML 文档的根元素，包裹住其他所有的元素
* <iframe> 用于嵌入另一个小页面到一个页面中
* <img> 用于显示一张图片
* <input> 用于显示一个表格输入控件
* <label> 用于给一个表格输入控件打上一个标签，说明输入控件的作用
* <li> 用于<ul>和<ol>标签，代表一个列表项
* <link> 用于链接外部CSS文件
* <mark> 用于高亮显示某些文本
* <meta> 用于下达一些元数据指令，或者对页面进行说明
* <nav> 用于包裹住一个导航条的内容
* <ol> 用于制作一个有序列表
* <p> 用于显示一个段落
* <q> 用于一小段引用文字
* <script> 用于一段JavaScript脚本代码，或者引入一个外部JavaScript脚本文件
* <section> 用于包裹一部分有逻辑关第的页面内容
* <select> 用于制作一个下拉列表选框
* <span> 用于包裹住一小段文字，作为一个容器
* <strong> 用于着重强调重要的文本内容
* <style> 用于给页面元素加上样式
* <sub> 用于下标文本
* <sup> 用于上标文本
* <table> 用于制作一个表格
* <tbody> 用于表格里的主体部分
* <td> 用于表格里的某一个单元格
* <textarea> 用于制作一大块文本输入框
* <tfoot> 用于表格里的底部
* <th> 用于表格里的表头的单元格
* <thead> 用于表格里的表头
* <time> 用于页面内容中的时间
* <title> 用于显示整个页面的标题（显示在浏览器的tab上）
* <tr> 用于标记表格里的一行
* <ul> 用于制作一个无序列表
2.概念
盒子模型是 CSS 中重要的概念。虽然 CSS 中没有盒状模型这个属性，但它却是 CSS 中无处不在的，盒装模型是
由 margin、border、padding 和 content 几个属性组合形成的。
cSS 已逐渐成为 HTML 布局与定位的实际标准，它们易于使用，不需要任何特殊软件，并可在大多数主要浏览器
中正常运行。但是，它的这种极度简化的特点也会产生危险——许多网络开发新手并没有充分了解 CSS 就在使用
csS 定位与布局指导。在出现意外的结果后，这些网络开发新手倾向于用反复试验的方法解决问题，而没有对其
基本原理进行分析。在一些浏览器上，用这种方法建立的布局能够正常运行；但在另一些浏览器上却会出错。为减
少这些问题，我们值得花时间来了解 CSS 的一些核心驱动器与概念。开发者能够理解的最重要的概念之一为所谓
的 CSS“盒子模型”，它是大多数 CSS 布局与定位的基础。本文简单介绍这种盒状模型，说明它的功能以及如何
应用它来定位 HTML 元素，设计出更优秀的网页。 10:01:24
盒子模型是 CSS 中重要的概念。虽然 CSS 中没有盒状模型这个属性，但它却是 CSS 中无处不在的，盒装模型是
由 margin、border、padding 和 content 几个属性组合形成的。
cSS 已逐渐成为 HTML 布局与定位的实际标准，它们易于使用，不需要任何特殊软件，并可在大多数主要浏览器
中正常运行。但是，它的这种极度简化的特点也会产生危险——许多网络开发新手并没有充分了解 CSS 就在使用
csS 定位与布局指导。在出现意外的结果后，这些网络开发新手倾向于用反复试验的方法解决问题，而没有对其
基本原理进行分析。在一些浏览器上，用这种方法建立的布局能够正常运行；但在另一些浏览器上却会出错。为减
少这些问题，我们值得花时间来了解 CSS 的一些核心驱动器与概念。开发者能够理解的最重要的概念之一为所谓
的 CSS“盒子模型”，它是大多数 CSS 布局与定位的基础。本文简单介绍这种盒状模型，说明它的功能以及如何
应用它来定位 HTML 元素，设计出更优秀的网页。
css 盒子模型以一个包含 4 个成分的有界限的盒子来描述网页中的每个元素：元素内容（content）本身位于中心；
一个补丁（padding）封套位于内容周围；边框（border）包围补丁，它为元素的可见区域划分界线；边缘（margin）
包围边框。盒子模型的 4 个成分的直观图如图所示。
3.DIV+DSS的优势
1.页面载入速度更快
2.降低流量费用
3.修改设计师更有效
4.保持视觉的一致性
5.更好的被搜索引擎收入
6.对访问者和浏览器更具有亲和力
4.常用的背景样式
有时候，我们想让整个网站页面充满特定的背景或颜色，可以使用 HTML的 background 属性来完成这个任务。
常用的页面背景样式主要包括下列属性：
（1）背景颜色：background-color:数值。
(2）背景图片：background-image: url(背景路径 /url)|none。
（3) 重复：background-repeat:inherit[no-repeatlrepeat]repeat-xrepeat-y。
（4）背景固定：background-attachment:fixed|scroll。
（5）背景定位：background-position:数值 |top]bottom|lettlrightlcenter。
（6）背影样式：background:背景颜色|背景图像|背景重复|背景附件|背景位置。
学无止境
1912
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
