HTML系列
1.HTML语义化的理解
语义化就是构成HTML结构的标签要有意义。 比如有这样的标签：
- header表示页面头部
- main表示页面主题
- footer表示页面底部 有利于增强代码的可读性，可维护性，有利于团队协作；
2.对canvas的理解
- canvas是HTML5中新增一个HTML5标签与操作canvas的javascript API，它可以实现在网页中完成动态的2D与3D图像技术。
- canvas可以完成动画、游戏、图表、图像处理等原来需要Flash完成的一些功能。
5.HTML5的新特性有哪些
- 1、语义化标签：hrader，nav等
- 2、绘画canvas
- 4、视频和音频，用于媒介的video和audio元素
- 5、input增强型表单控件：calendar,date,time,email,url,search
- 6、本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失；sessionStorage的数据在浏览器关闭后自动删除
7.title和alt的区别
- 1.alt是必要属性；title不是必要属性；
- 2.alt是替换文本，当图片无法正常展示时出现；title是提示文本，用于补充说明；
10.如何处理HTML5新标签跟浏览器的兼容问题
- 1.新增的语义化标签浏览器无法识别；使用成熟框架/或者引入html5.js
- 2.音频和视频的兼容；通过source去引入多种类型的音频视频，做好兜底兼容；
CSS系列
1.css盒模型
- 页面上的所有元素都可以被看作盒子，盒子将页面中的元素包含在一个矩形区域内，这个矩形区域则称为“盒模型”。
- 盒模型由内到外依次分为内容（content）、填充（padding）、边框（border）和边界（margin）4部分。
2.css优先级算法
- 其实就是css重复的场景下，哪个优先的原则：
- 行内样式最高>ID选择器>类选择器>子类选择器（ul/li）>伪类选择器
3.说说em/px/rem/vh/vw的区别
- em/px/rem/vh/vw 都属于 css 的单位,这些单位可以分为相对单位、绝对单位
- px:绝对单位,网页按照精确像素来显示.
- em:相对单位,相对自身定义的 font-size 来计算,自身没有设置字体大小,相对父元素的字体大小
- rem:相对单位,相对根元素 html 的字体大小来计算
- vw/vh:相对视口大小布局,把屏幕平均划分为 100 等份.
4.css3的新特性
- 1.border-radius；
- 2.box-shadow；
- 3.background背景支持图片与渐变；
- 4.css动画；
- 5.弹性布局；
- 6.web字体；
- 7.媒体查询；
5.css3新增伪类
- 1.nth-child(n)/nth-last -child(n)；
- 2.表单:disabled控制表单的禁用状态。/checked单选框和复选框被选中。
6.css3动画有哪些
- translate：位移
- scale：缩放
- rotate：旋转
- skew：倾斜
7.什么是BFC?有什么用？
- 块级格式化上下文
- 作用：清除浮动的影响；防止文字环绕
8.如何创建快格式化上下文？如何清除浮动？
1.一个空白标签 ，给其设置clear：both； 2.父元素添加overflow:hidden； 3.使用before和after双伪元素清除浮动 ，给其设置clear：both；
10.如何实现水平居中
- 1.行内元素:text-align: center;
- 2.块级元素:margin: 0 atuo;
- 3.flex布局居中：justify-content: center;
- 4.定位手动居中；
11.如何实现垂直居中
- 1.行内元素:line-height: 父元素的高度；
- 2.块级元素:vertical-align: middle；
- 3.flex布局居中：justify-content: center;
- 4.定位手动居中；
13.css如何隐藏页面元素
opacity:0;display:none;visibility:hidden;定位移除可视范围；
14.如何实现两栏布局，右侧自适应，三栏布局中间自适应？多种方法
1.flex布局 2.定位+padding 3.百分比
16.如何优化CSS性能
1、加载性能：压缩css，减少文件体积； 2、选择器性能：少用“*”选择器； 3、渲染性能：合理设计CSS布局，注意复用样式，减少渲染上花的时间，减少页面重排、重绘； 4、代码可维护性：公共样式抽离；
17.对css预编译语言的理解
就是预先编译处理CSS。它扩展了CSS语言，增加了变量、Mixin、函数等编程的特性，使 CSS 更易维护和扩展。随后经过专门的编译工具将源码转化为CSS语法。
18.css中link和@import的区别是什么？
1.link 属于 XHTML 标签，而 @import 完全是 CSS 提供的一种方式。 2.link加载顺序会优先于import；
