H5篇web
新特性、移除了哪些元素?如何处理新标签兼容?浏览器
新特性安全
移除的元素服务器
<font> 字体标签websocket
<center> 水平居中cookie
<u> 下划线session
<big> 大字体app
新标签兼容方案框架
标签语义化socket
离线储存
localStorage长期存储,浏览器关闭后数据不丢失
sessionStorage会话存储,当前页关闭后自动删除
cookie,localStorage,sessionStorage三者区别
cookie和session区别
实现浏览器多个标签页的通讯
盒模型
浏览器将元素解析成一个个具备空间大小的盒子,包含content、padding、border、margin四部分
C3篇
新增伪类
nth-child,子元素选择器
first-of-type,选择其父元素的首个元素
last-of-type,选择其父元素的最后元素
enabled、disable,表单控件的禁用状态
checked,单选框或复选框被选中
元素垂直水平居中
图片等比缩放
img设置max-width: 100%;max-height: 100%
flex经常使用属性
flex-direction,值row、column等,决定主轴方向
justify-content,值flex-start、flex-end、center等,决定主轴对齐方式
align-items,值flex-start、flex-end、center等,决定交叉轴上对齐方式
display: none与visibility: hidden区别
display:none不显示对应的元素,在文档布局中再也不分配空间(重排+重绘)
visibility:hidden隐藏对应元素,在文档布局中仍保留原来的空间(重绘)
清除浮动方式