前言
html5 是构建 web 内容的一种语言描述方式. HTML5 是互联网的下一代标准, 是构建以及呈现互联网内容的一种语言方式, 被认为是互联网的核心技术之一.
CSS3 是 CSS(层叠样式表) 技术的升级版本, 主要包括盒子模型, 列表模块, 超链接方式, 语言模块, 背景和边框, 文字特效, 多栏布局等模块.
HTML5 + CSS3 学习路线图:
HTML5 面试知识点
H5 的新特性有哪些
Label 的作用是什么? 是怎么用的?
HTML5 的 form 如何关闭自动完成功能
dom 如何实现浏览器内多个标签页之间的通信? (阿里)
实现不使用 border 画出 1px 高的线, 在不同浏览器的标准模式与怪异模式下都能保持一致的效
title 与 h1 的区别, b 与 strong 的区别, i 与 em 的区别?
你做的页面在哪些流览器测试过? 这些浏览器的内核分别是什么?
每个 HTML 文件里开头都有个很重要的东西, Doctype, 知道这是干什么的吗?
div+CSS 的布局较 table 布局有什么优点
img 的 alt 与 title 有何异同? strong 与 em 的异同
简述一下 src 与 href 的区别
知道的网页制作会用到的图片格式有哪些
在 CSS/JS 代码上线之后开发人员经常会优化性能, 从用户刷新网页开始, 一次 JS 请求一般情况下有哪些地方会有缓存处理
一个页面上有大量的图片 (大型电商网站), 加载很慢, 你有哪些方法优化这些图片的加载, 给用户更好的体验
你如何理解 HTML 结构的语义化
谈谈以前端角度出发做好 SEO 需要考虑什么
html5 有哪些新特性, 移除了那些元素
如何处理 HTML5 新标签的浏览器兼容问题
如何区分 HTML 和 HTML5?
HTML5 Canvas 元素有什么用
如何在 HTML5 页面中嵌入音频
如何在 HTML5 页面中嵌入视频
HTML5 引入什么新的表单属性
语义化的理解
介绍一下你对浏览器内核的理解
浏览器是怎么对 HTML5 的离线储存资源进行管理和加载的呢
请描述一下 cookies,sessionStorage 和 localStorage 的区别
CSS sprite 是什么, 有什么优缺点
canvas 如何绘制一个三角形 | 正方形
弹性盒子模型? flex|box 区别?
解释在 IE 低版本下的怪异盒模型和 c3 的怪异盒模型 和 弹性盒模型?
CSS3 面试知识点
解释 box-sizing
水平垂直居中的方法
三列布局 (中间固定两边自适应宽度)
清除浮动元素的方法和各自的优缺点
CSS 实现自适应正方形
介绍 position 的值
如何在页面上实现一个圆形的可点击区域
CSS3 新增伪类有那些
CSS3 有哪些新特性
请解释一下 CSS3 的 Flexbox(弹性盒布局模型), 以及适用场景
用纯 CSS 创建一个三角形的原理是什么
一个满屏品字布局如何设计
CSS 等高布局如何实现
li 与 li 之间有看不见的空白间隔是什么原因引起的? 有什么解决办法?
为什么要初始化 CSS 样式
请解释一下为什么需要清除浮动? 清除浮动的方式
Sass/Less 编译的时候, 浮动元素的父级 div 定义伪类: after
CSS 优化, 提高性能的方法有哪些
怎么让 Chrome 支持小于 12px 的文字
如果需要手动写动画, 你认为最小时间间隔是多久, 为什么?(阿里)
display:inline-block 什么时候会显示间隙?(携程)
超链接访问过后 hover 样式就不出现的问题是什么? 如何解决
rgba() 和 opacity 的透明效果有什么不同
px 和 em 的区别
描述一个 "reset" 的 CSS 文件并如何使用它. 知道 normalize.CSS 吗? 你了解他们的不同之处?
Sass,Less 是什么? 大家为什么要使用他们?
为什么要初始化样式
对 Web 标准以及 W3C 的理解与认识
使用 CSS 实现一个持续的动画效果
重排和重绘
什么情况会触发重排和重绘?
animation 对应的属性
transition?
需要前端学习资料, 素材源码, 面试题 PDF 文档 可以加入这边的 Q 裙:[624369675] , 免费领取!
最后
最后分享一些 HTML5 / CSS3 相关特效源码.
来源: http://www.jianshu.com/p/7db0d14f29fd