前端刷题笔记（2019-3-3）

1.预格式化就是保留文字在源码中的格式 最后显示出来样式与源码中的样式一致，所见即所得

2.自闭合标签有

---

等

3.

---

定义水平线

4.div>p的意思是说：选择所有父元素为div的p元素，如果一个p元素的父元素不是div，那么这个p元素是不会被选择的！！

5.为了符合浏览器解析CSS所遵循的就近原则，将一般的放在上面，将特殊的放在下面。

a:link; a:visited; a:hover; a:active;

a:hover必须放在a:link和a:visited之后； a:active必须放在a:hover之后。

Link,visited,hover,active. L o v e h a t e 爱与恨

6.label标签只有两个属性for（规定 label 绑定到哪个表单元素。 ）;form（规定 label 字段所属的一个或多个表单）

7.DHTML 将 HTML、JavaScript、DOM 以及 CSS 组合在一起，用于创造动态性更强的网页。

8.通过 JavaScript 和 HTML DOM，能够动态地改变 HTML 元素的样式。

9.网页html文档支持的图片格式有jpg,gif,png和bmp这四种，jpg ， gif 和 png 格式的图片特点是体积很小，因为在网上很常见，然而 bmp就不常见了，因为这种格式虽然很清晰色彩丰富，但是所占内存很大，所以很少见，但是也是支持的。

不支持tif 标签图像文件格式 （ Tagged Image File Format ，简写为 TIFF ）是一种灵活的 位图
格式，主要用来存储包括照片和艺术图在内的图像。
TIFF文件格式适用于在应用程序之间和计算机平台之间的交换文件，它的出现使得图像数据交换变得简单。

10.这几个都是正确的。含义如下：

标签定义列表项目。

标签可用在有序列表

和无序列表
中。


标记定义了一个定义列表，定义列表中的条目是通过使用

标记(“definition title”，定义标题)和

标记(“definition description”，定义描述创建的。

给出了术语名，

标记给出了术语的定义。
代表表格
代表表格中的一行
代表表格中的一列

11.这里主要是讲标签的嵌套。

其中li标签必须嵌套在ul标签或ol标签中；
dt标签和dd标签必须嵌套在dl标签里面，并且dt标签必须位于dd标签前面；
tr标签和td标签必须嵌套在table标签里面，其中td标签必须位于tr标签里面。

12.

IndexdDB 是 HTML5 的本地存储，把一些数据存储到浏览器（客户端）中，当与网络断开时，可以从浏览器中读取数据，用来做一些离线应用。
Cookie 通过在客户端 ( 浏览器 ) 记录信息确定用户身份，最大为 4 kb 。
url 参数用的是 get 方法，从服务器上获取数据，大小不能大于 2 kb 。
Session 是服务器端使用的一种记录客户端状态的机制 。
post 是向服务器传送数据，数据量较大。
local Storage 也是 HTML5 的本地存储，将数据保存在客户端中（一般是永久的）。

产生一个表行

不是块元素；

是块元素。

13.

内联元素加上display：block;后被块级化。
块级元素一般是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥其他元素与其位于同一行，宽度(width)高度(height)起作用。因此，可以定义其宽度和高度。

14.网页最上层的标题应该是title，文章最上层的标题才是h1

15.没有text-color这个属性，文字颜色统一用color.再加上就近原则

16.清除浮动方法，

1，给父级元素添加class=“clearflex”
2，在css中给父级添加属性：overflow：hidden；（我比较喜欢这个）
3，伪元素清除法，
4，建立空的div，命名为clear，在css中添加clear：both；

clear : none | left | right | both.
对于CSS的清除浮动(clear)，一定要牢记：这个规则只能影响使用清除的元素本身，不能影响其他元素。

、、、、、是行内元素

17.块级元素与行内元素

1.块级元素

2.行内元素

3.块级元素与行内元素的区别
（1）块级元素会独占一行，其宽度自动填满其父元素宽度；
行内元素不会独占一行，相邻的行内元素会排列在同一行，直至一行排不下才会换行，其宽度随元素的内容而变化。
（2）块级元素可以包含行内元素和块级元素；行内元素不能包含块级元素。
（3）行内元素设置width、height、margin-top、margin-bottom、padding-top、padding-bottom无效。
4. 块级元素与行内元素的转换
display:inline-block;
display:inline;
display:block;
5.可变元素


18.alt和title同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字

19.优先级是：内联样式 > id 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器。 多个选择器组合的时候，不应该简单地给这些选择器分配权值，然后相加比较大小。因为上面所说的优先级是不能越级的，比方说 1 个 id 选择器能顶你 n 个类选择器…所以要逐级比较，同级的就比较数量，数量多的优先级高。 当然，!important 的优先级最高。

20.选择器的优先级

1.最高优先级是 (直接在标签中的设置样式，假设级别为1000)


2.次优先级是（ID选择器 ,假设级别为100） #myDiv{color:Red;}
3.其次优先级是（类选择器，假设级别为10） .divClass{color:Red;}
4.最后优先级是 （标签选择器，假设级别是 1） div{color:Red;}
5.那么后代选择器的优先级就可以计算了啊
　比如 .divClass span { color:Red;} 优先级别就是：10+1=11

21.浏览器 的内核引擎，基本上是四分天下：

1）Trident: IE 以Trident 作为内核引擎；
2)Gecko: Firefox 是基于 Gecko 开发；
3）WebKit: Safari, Google Chrome,傲游3,猎豹浏览器,百度浏览器 opera浏览器；
4）Presto: Opera的内核，但由于市场选择问题，主要应用在手机平台–Opera mini
注：2013年2月Opera宣布转向WebKit引擎
注：2013年4月Opera宣布放弃WEBKIT，跟随GOOGLE的新开发的blink引擎