1.简述一下src 和href 的区别
src用于替换文字 引用外部资源
href 用于在当前文档和引用资源之间确认联系，引用网络资源
2.知道的网页制作会用到的图片格式有哪些？
png-8 png-24 jpeg（jpg） gif svg
但面试官想要知道的是 Webp （是否有关注新技术，新鲜事物）
Webp：WebP 格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。
图片压缩体积大约只有JPEG 的2/3，并能节省大量的服务器带宽资源和数据空间。FacebookEbay 等知名网站已经开始测试并使用WebP 格式。
在质量相同的情况下，WebP 格式图像的体积要比JPEG 格式图像小40%
3. 知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？
微格式是一种让机器可读的语义化XHTML词汇的集合，是结构化数据的开放标准，是特殊应用而制定的特殊格式。
优点：将智能数据添加到网页上，让网站内容在搜索引擎结果界面可以显示额外的提示（应用范例：豆瓣，有兴趣自行 Google）
3.在css/js代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次js请求一般情况下有哪些地方会有缓存处理？
DNS缓存 CDN缓存 浏览器缓存 服务器缓存
4.你如何理解HTML结构的语义化？
去掉或样式丢失的时候能让页面呈现清晰的结构。
5.有哪项方式可以对一个DOM 设置它的CSS 样式？
外部样式表，引入一个外部css文件
内部样式表，将css代码放在<head>标签内部
内联样式，将css样式直接定义在HTML 元素内部
6.CSS 都有哪些选择器？
派生选择器（用html标签申明）
id选择器（用dom的id申明）
类选择器（用一个样式类名申明）
属性选择器（用dom的属性申明，属于css2，IE6不支持）
后代选择器（利用空格间隔，比如 div .a{}）
群组选择器（利用逗号间隔， 比如p,div,#a{}）
7.CSS 选择器的优先级是怎么样定义的？
一般而言，选择器越特殊，它的优先级越高。也就是选择器指向的越准确，它的优先级就越
高。
1 派生 10 类 100 ID
div.test1 .span var 优先级 1+10+10+1
span#xxx .strong li 优先级 1+100+10+1
#xxx li 优先级 100+1
8.CSS 中可以通过哪些属性定义，使得一个DOM 元素不显示在浏览器可视范围
内？
display:none visibility:hidden
技巧性：
设置 宽高 ：0 透明度 ：0 z-index：-99999999999999
9.超链接访问过后hover 样式就不出现的问题是什么？如何解决？
l ：link v:visited h：hover a：active （L-V-H-A）
扫一扫
45万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
