小结

1.什么是HTML?

HTML是英语HyperText Markup Language的缩写，超文本标记语言。
.html就是网页的格式。
html本质上和txt没有任何区别，他们都是纯文本文件。
html是一个纯本文文件（就是用txt文件改名而成），用一些标签来描述文字的语义，这些标签在浏览器里面是看不到的，所 以称为“超文本”，所以就是“超文本标记语言”

2.网页的原理?

• 用户输入网址之后，对应的服务器就发现有人请求我的网页了，所以这个服务器就会把网页和相关的图片、js文件、css文件、flash文件都通过HTTP协议传输到用户的电脑里面。
• HTML页面在用户的电脑里面进行渲染。
• HTTP协议指的是超文本传输协议。
• 每一个网址，都对应了服务器上面的确定的文件。

3.字符集的声明方式?

第一种：UTF-8

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

第二种：gb2312
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">

4.什么是空白折叠现象?

HTML中所有的文字之间，如果有空格、换行、tab都将被折叠为一个空格显示。

5.什么是相对路径?

每次都从.html文件所在文件夹开始查找

6.什么是绝对路径?

每次都从指定的盘符开始查找

7.什么是锚点?以及它的使用方法?

• 锚点也可以理解成为一种超级链接，只不过它是网页内部的超级链接
• 使用方法：
  <a href="#C1">跳转到第一章</a>
<h2 id=”C1”>我是第一章</h2>

8.div与span的区别?

1. div会单独占领一行，而span不会
2. div是一个容器级标签，span是个文本级标签

9.label标签的作用?

可以让文字和输入框绑定到一起

10.写出你所知道的实体字符？

• 空格&nbsp

• 小于号&lt

• 大于号&gt

• 版权&copy

11.什么是CSS?

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

12.如何外链CSS?

<link rel="stylesheet" href="./css/base.css">`

13.Css属性权重是如何计算的?

1. 第一等：代表内联样式，如: style=””，权值为1000。
2. 第二等：代表ID选择器，如：#content，权值为0100。
3. 第三等：代表类，伪类和属性选择器，如.content，权值为0010。
4. 第四等：代表类型选择器和伪元素选择器，如div p，权值为0001。
5. 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。
6. 继承的样式没有权值

14.权重计算方法?

1. 首先计算选择器中有多少个id，id多的选择器优先级最高
2. 如果id个数一样，在看类名个数，类名个数多的优先级最高
3. 如果类名个数一样，再看标签名称个数，标签名称个数多的优先级最高
4. 如果id个数和类名个数和标签名称个数都一样，那么久不会再向下计算了，此时，谁写在最下面就听谁的，

15.!important标签的作用?

用于提升摸个直接相中标签的选择器中的某个属性的优先级的，可以将被指定的优先级的属性提升为最高

16.什么是盒模型?

网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。

17.什么是标准文档流,以及它的特点有哪些?

标准流指的是在不使用其他的与排列和定位相关的特殊CSS规则时，各种元素的排列规则。

特点：

• 同级元素同时左浮的话，源代码在前的在左，依次向左拍；
• 同时右浮的话，源代码在前的在右，依次向右排

18.块级元素有哪些特点?

块级元素总是以块的形式表现出来

并且跟同级的兄弟块依次竖直排列，左右自动伸展

直到包含它的元素的边界，在水平方向不能并排。

19.行内元素有哪些特点?

1. 默认同行可以继续跟同类型标签；
2. 内容撑开宽度
3. 不支持宽高
4. 不支持上下的margin和padding
5. 代码换行被解析成空格

20.哪些是行内元素,哪些是块级元素?

块级元素:

• div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table

行内元素:

• span, strong, em, br, img , input, label, select, textarea, cite

21.浮动元素有哪些特点?

1. 使块元素在一行显示
2. 使内嵌支持宽高
3. 不设置宽度的时候宽度由内容撑开
4. 脱离文档流
5. 提升层级半层

22.为什么要清楚浮动?

在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素
在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。
这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。

23.写出你所知道的清除浮动的方法?

1. 给前面一个父元素设置高度
2. 给后面的盒子添加clear属性
3. 隔墙法
4. 使用伪元素选择器清除
5. Overflow:hidden清除浮动

24.什么是margin的塌陷现象?

在标准文档流中，块级标签之间竖直方向的margin会以大的为准，这就是margin的塌陷现象。

但是，脱标之后就不会出现margin的塌陷现象。

25.如何让盒子居中?

会让盒子水平居中，但是他有他的使用注意事项：
标准流的盒子而且有宽度的盒子才能用margin:0 auto;让其居中；文本居中要使用text-align:center;

伪类选择器

:nth-child(length); /参数是具体数字/
:nth-child(n); /参数是n,n从0开始计算/
:nth-child(nlength) /n的倍数选择，n从0开始算/
:nth-child(n+length); /选择大于length后面的元素/
:nth-child(-n+length) /选择小于length前面的元素/
:nth-child(nlength+1); /表示隔几选一/