HTML+CSS专项复习01

时间:2022-11-14 16:24:06

1.onchange是表单内容改变时触发事件;

onaclive事件是页面打开了,第二次或两次以上页面激活显示时触发;

onload事件是页面第一次打开的时候触发,表示页面加载完执行的事件;

onresize事件会在窗口或框架被调整大小时发生(BOM对象);

 

2.定义和用法 <hr> 标签在 HTML 页面中创建一条水平线。 水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

定义和用法 <br> 可插入一个简单的换行符。 <br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>。在 XHTML 中,把结束标签放在开始标签中,也就是 <br />。请注意,<br> 标签只是简单地开始新的一行,而当浏览器遇到 <p> 标签时,通常会在相邻的段落之间插入一些垂直的间距。

定义和用法 <tr> 标签定义 HTML 表格中的行。 tr 元素包含一个或多个 th 或 td 元素。

 

3.SVG 即 Scalable Vector Graphics,是一种用来绘制 矢量图 的 HTML5 标签。你只需定义好XML属性,就能获得一致的图像元素。

 

4.html语言中加粗的标签有<b>和<strong>,或者使用css设置{font-weight:bold}。(斜体i  下划线u)

 

5.getCurrentPosition()函数获取用户当前定位位置,使用watchPosition()函数注册监听器,在设备地理位置发生改变时自动被调用。

 

6.enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。

属性值 application/x-www-form-urlencoded 在发送前编码所有字符(默认)。

multipart/form-data 不对字符编码。在使用包含文件上传控件的表单时,必须使用该值。

text/plain 空格转换为 "+" 加号,但不对特殊字符编码。

 

7.如果JanaScript是外部脚本,不是嵌入脚本,放在head里,会在页面加载之时就被执行,也就是文件要被下载,执行之后才会呈现页面内容;放在body底部,在解析js代码之前,页面的内容就会完全呈现在浏览器中。   所以,在body里的js应该是在页面加载之后执行的吧。之所以把js放在body之后,是为了预防外部js文件过多时,浏览器呈现页面出现延迟,延迟期间浏览器的窗口一片空白。

 

8.BootStrap:

- .col-xs- 超小屏幕 手机 <768px
- .col-sm- 小屏幕 平板  >=768px
- .col-md- 中等屏幕  >=992px
- .col-lg- 大屏幕  >1200px
 
9. 当同一个元素有多种不同的选择器css样式时,计算每个选择器的权重,权重值最大的选择器的css优先表示 内联style权重值1000 ID选择器权重值0100 CLASS选择器权重值0010 标签选择器权重值0001。
 
10. 可以对元素的margin设置百分数,百分数是相对于父元素的width计算,不管是margin-top/margin-bottom还是margin-left/margin-right。(padding同理)
为什么margin-top/margin-bottom的百分数也是相对于width而不是height呢?
CSS权威指南中的解释:我们认为,正常流中的大多数元素都会足够高以包含其后代元素(包括外边距),如果一个元素的上下外边距时父元素的height的百分数,就可能导致一个无限循环,父元素的height会增加,以适应后代元素上下外边距的增加,而相应的,上下外边距因为父元素height的增加也会增加,如果循环。
 
11. input标签type属性值:
HTML+CSS专项复习01