HTML+CSS

<meta name="viewport" content=" width=device-width, initial-scale=1.0 "/> width=device-width使视口与手机端宽

display: flex 写于父元素上 弹性盒子是为了适应所有类型的显示设备和显示大小 父元素叫伸缩容器，子元素叫伸缩项目 text-align 在弹性盒子上不生效 flex-direction 写

浮动样式 float: left 左浮动 float: right 右浮动 不支持text-align 不识别回车 右浮动的展示顺序 效果图： 若n个元素都设置浮动，则横向排列 设置浮动的元素都会脱离

效果图： 表单控件写法 显示（方便布局） 隐式 表单控件 文本 密码 单选按钮 复选框 下拉列表 多行文本框（可设置宽高） 重置按钮 提交按钮 普通按钮 上传文件 图片按钮 邮箱 电话 url地址 数

cellspacing是单元格与单元格之间的距离 cellpadding是单元格与内容之间的距离 valign=‘top/bottom/middle’ 是垂直对齐方式 colspan 跨列合并 （删除

html的列表标签及对应所展示的CSS样式： 1. 无序列表 2. 有序列表 3. 自定义列表

1. 触发BFC 2. 3D变形 3. 高度塌陷解决办法 4. 动画 5. 省略号 6. 垂直水平居中 7. 不定宽导航水平居中 8. 高度自适应

box-shadow属性 box-shadow支持定义多个阴影，他们应该使用逗号分割。包含属性介绍及案例