2020.04.11--HTML+CSS错题总结

一、

用<link>标签链接网上可访问的CSS样式表文件

在HTML文档的<head>标签内定义CSS样式

```
用@import引入样式表文件
```

二、

2020.04.11--HTML+CSS错题总结

hack技术主要是为了某些浏览器特定设置的，写在css中，里面可以嵌套style和html代码，不可以写在style中。

如果在文档开始处没有文档类型声明，则浏览器会开启 混杂模式

三、

<ins>标签定义文档的其余部分之外的插入文本；

<menu>标签定义菜单列表。当希望列出表单控件时使用该标签（HTML4不支持该标签）

四、

2020.04.11--HTML+CSS错题总结

- .col-xs- 超小屏幕手机 <768px

- .col-sm- 小屏幕平板 >=768px

- .col-md- 中等屏幕 >=992px

- .col-lg- 大屏幕 >1200px

bootstrap3.x使用了四种栅格选项来形成栅格系统,来适合不同尺寸的设备，以前缀命名这四种栅格选项，他们分别是col-xs、col-sm、col-md、col-lg，我们懂英文的就知道，lg是large的缩写，md是mid的缩写，sm是small的缩写，xs适合超小屏幕设备（手机）。

五、

2020.04.11--HTML+CSS错题总结

1 2	`<div` `id="div1"` `ondragstart="drag(event)"` `ondragover="allowDrop(event)"` `></div>` `<img id="drag1"` `src="img_logo.png"` `draggable="false"` `ondrop="drop(event)"` `ondragover="allowDrop(event)"` `width="336"` `height="69">`

1 2	`<div id="div1"` `ondrop="drop(event)"` `ondragover="allowDrop(event)"></div>` `<img id="drag1"` `src="img_logo.png"` `draggable="false"` `ondragstart="drag(event)"` `width="336"` `height="69">`

1 2	`<div id="div1"` `ondrop="drop(event)"` `ondragover="allowDrop(event)"></div>` `<img id="drag1"` `src="img_logo.png"` `draggable="true"` `ondragstart="drag(event)"` `width="336"` `height="69">`

1 2	`<div` `id="div1"` `ondragstart="drag(event)"` `ondragover="allowDrop(event)"` `></div>` `<img id="drag1"` `src="img_logo.png"` `draggable="true"` `ondrop="drop(event)"` `ondragover="allowDrop(event)"` `width="336"` `height="69">`

六、

2020.04.11--HTML+CSS错题总结

有两种，一种是标准盒模型，一种是IE盒模型，标准盒模型中的块级元素实际占用的宽度只与它的 width 属性有关；

而IE盒模型就与它的 width、border、padding 属性有关

如果添加属性box-sizing:content-box;(默认)

css2模型：盒子宽度计算=width+padding+border；

如果添加属性box-sizing: border-box;

css3模型：盒子宽度计算=width(padding和border都包含在里面,不会撑开盒子)；

七、

2020.04.11--HTML+CSS错题总结

<li> 标签定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
<dl>标记定义了一个定义列表，定义列表中的条目是通过使用<dt>标记(“definition title”，定义标题)和<dd>标记(“definition description”，定义描述)创建的。<dt>给出了术语名，<dd>标记给出了术语的定义。
<table>代表表格</table>
<tr>代表表格中的一行</tr>
<td>代表表格中的一列</td>

八、

2020.04.11--HTML+CSS错题总结

跨域：发起请求与指向资源域不相同（协议+域名+端口）
常见有指向资源的部件：<a>, <form>, <img>, <script>, <iframe>, <link> 等标签以及 Ajax