一、

        Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。Firefox 、 Chrome 以及 Safari 支持所有新的边框属性。注释:对于 border-image , Safari 5 以及更老的版本需要前缀 -webkit- 。Opera 支持 border-radius 和 box-shadow 属性,但是对于 border-image 需要前缀 -o-

2020-04-02 HTML+CSS错题知识点总结

 

二、

text-transform:capitalize是首字母大写

text-transfrom:lowercase是全部字母为小写

text-transfrom:uppercase是全部字母为大写

font-weight: bold;字体为粗体

 

三、

  2020-04-02 HTML+CSS错题知识点总结

A 播放音频或者视频,通过视频或者音频的链接就可以播放,不需要通过别的插件播放

B 音频或者视频不属于属性或者事件。属性是放在标签里面的

D 只有指定的视频或者音频格式才可以

 

四、

WebWorker:

通过使用Web Worker,可以让我们在浏览器后台运行javascript,而不占用浏览器自身进程。

Web Worker是运行在后台的JavaScript,不会影响页面的性能。

当在HTML页面中执行脚本时,页面的状态是不可响应的,直到脚本完成为止。

web worker是运行在后台的js,独立于其他脚本,不会影响页面的性能,可以继续做其他事情:点击、选取内容等,而此时 web worker 在后台运行。

 

web Worker 本质是一个线程,在UI主线程之外并发执行的线程,主要解决耗时的JS任务。

首先了解浏览器的线程模型是怎样的?

程序:计算机可以执行的代码,存在磁盘中 --- 这是静止的(比如这是买的一块地皮);

进程:把 程序 调入到内存中,等待被CPU执行 --- 这是活动的(这是在地皮上建起来的几个工厂);

线程:是CPU执行 进程 代码的基本单位 --- 相当于生产任务(这是在工厂中进行生产的生产线);

而 进程 与 线程 的关系是:进程是操作系统分配内存的基本单位,线程处于进程内部,是CPU执行代码的基本单位,一个进程中至少有一个线程,也可以有多个(就比如在一个工程内,可以有一条生产线,也可以有多条生产线),多个线程间并发执行,从宏观上看是‘同时’执行,微观上看是‘轮流’执行。

 

拿chrome中的线程模型举例

1.chrome 中发起HTTP请求最多可以使用6个并发线程;

2.而负责向页面中执行绘制任务(HTML/CSS/JS/事件处理代码)的只有1个线程 --- UI主线程,如果碰到耗时的代码就有问题了,解决的办法:创建一个新的线程,去执行耗时的JS任务 -- 与UI主线程并发执行

Worker 线程的缺点:浏览器禁止Worker线程操作任何BOM 和 DOM对象,不能使用Worder加载类似jQuery.js文件。

 

五、

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

属性值:

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

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

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

 

六、

     HTML5中新增的标签:header,footer,nav,article,section,aside,datalist,audio,video,embed,input属性

 

七、

2020-04-02 HTML+CSS错题知识点总结2020-04-02 HTML+CSS错题知识点总结

八、

创建 块格式化上下文 BFC  的方式

  • 根元素(<html>)
  • 浮动元素(元素的 float 不是 none)
  • 绝对定位元素(元素的 position 为 absolute 或 fixed)
  • 行内块元素(元素的 display 为 inline-block)
  • 表格单元格(元素的 display为 table-cell,HTML表格单元格默认为该值)
  • 表格标题(元素的 display 为 table-caption,HTML表格标题默认为该值)
  • 匿名表格单元格元素(元素的 display为 table、table-row、 table-row-group、table-header-group、table-footer-group(分别是HTML table、row、tbody、thead、tfoot的默认属性)或 inline-table)
  • overflow 值不为 visible 的块元素
  • display 值为 flow-root 的元素
  • contain 值为 layout、content或 paint 的元素
  • 弹性元素(display为 flex 或 inline-flex元素的直接子元素)
  • 网格元素(display为 grid 或 inline-grid 元素的直接子元素)
  • 多列容器(元素的 column-count 或 column-width 不为 auto,包括 column-count 为 1)
  • column-span 为 all 的元素始终会创建一个新的BFC,即使该元素没有包裹在一个多列容器中(标准变更Chrome bug)。

 

九、

2020-04-02 HTML+CSS错题知识点总结

word-break是css3属性自动换行法则;处理单词折断 word-break: normal|break-all|keep-all; normal遵循浏览器换行规则 break-all 允许单词内换行 keep-all 只能在半角空格或连字符处换行。 设置white-space为nowrap,文本不会换行,文本会在同一行上继续,直到遇到<br>标签为止

 

 

十、

2020-04-02 HTML+CSS错题知识点总结

1. 应该根据标题的不同层级使用h1、h2、h3......

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

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-10-27
  • 2021-12-11
猜你喜欢
  • 2021-09-20
  • 2022-12-23
  • 2022-12-23
  • 2021-08-17
  • 2019-06-22
  • 2021-12-29
  • 2022-02-09
相关资源
相似解决方案