2023-HTML+CSS
HTML5新增的特性
- HTML5新增语义化标签：article、section、nav、aside、header、footer等
- input type新增属性值：number、tel、month、date、time、email、range、color、url
- 新增表单属性：autofocus、palcehoder、multiple、required、min和max
- 事件：onresize、ondrag、onscroll、
- 视频和音频标签：video、audio
- canvas 画布
- Web storage sessionStorage、locaStorage
- Web Socket 通过send发送数据、通过onmessage事件来接受服务器返回的数据
CSS3新特性
- 选择器：last-child、last-first、nth-child(1)
- 伪元素：::before、::after、
- 背景：background-size background-origin、
- 边框：border-raduis、box-shadow、border-image
- 文本效果：text-shadow、text-justify
- 2D/3D 变形transform、过度transition、动画animation
css定位方式
- 静态定位：static、绝对定位：absolute、相对定位relative、固定定位fixed
script标签中的defer和async
- defer 多个脚本的下载是并行的，但按照顺序依次执行
- async 也是并行下载，但谁先下载完成，谁先执行，没有固定的先后顺序，不可控
- defer 不阻塞浏览器解析HTML，等解析完HTML之后，才会执行script
- async 不阻塞浏览器解析HTML，但是下载完成后，会中断浏览器解析HTML，并执行script
- defer 执行过程中，一定可以获取到HTML中已有的元素
- async 执行过程中可能获取不到HTML中已有的元素
- async和defer之间最大的区别在于他们的执行时机
