关于html
1.盒子模型有两种：标准盒模型和怪异盒模型（IE盒模型）；
盒模型中的元素
下图是浏览器中元素的宽高情况
这个两个都可以在css中对应的设置box-sizing:border-box;box-sizing:content-box;这个在开发中经常会遇到。
2.使用语义化标签
利于SEO优化和开发者的阅读和维护，在写类名的时候，尽量写的有一定的实际意义，这样在写非常多内容的时候便于查找和理解。乱写这的会很坑的。
3.拿到页面先浏览
很多初学者，拿到原型图以后，直接开杠，6的一匹，写着写着发现不合适交互，还得再改。还不如拿到先熟悉一下这个页面的结构，哪个地方有交互什么样子的，哪些模块可以复用。当然这都是我以前经常犯的错误。
关于css
1.用层级属性的问题
如果需要用到层级（z-index）属性，前提是用属性的这个盒子需有定位属性（position）;
2.禁用鼠标事件
pointer-events:none;在元素上添加这个属性可以禁止鼠标点击，如果想多了解一下这个属性，可以百度哈。
3.元素垂直水平居中
我经常用的是这个，优点是元素可以不设置宽和高，而且写起来也不复杂
position：absolute;left:50%;top:50%;transform:translate(-50%,-50%);
当然还用好多方法，利用弹性盒模型等。可以根据实际情况来选择。
关于javascript
作为解释性语言，它的特点就是简单易上手。当然学过类似编程语言的更是如此，在学习这部分的时候，要多捋捋逻辑方面的问题，多思考为什么会运行出来这个结果。前期主要是掌握，javascript的数据类型，循环、判断语句的执行，数据的操作（增删改查），了解DOM和BOM，函数的使用，后面可以学面向对象编程,原型，拖放等等。
我也会持续分享一些和前端有关的内容。不是每一次努力都有收获，但是每一次收获都要努力。