Intro:#

重拾HTML/CSS
jQuery与Firefox的一个坑
心得

很久没有写博客啦，其实最近一直都在学习，寒假刚开始的时候在学习Android，学着学着感觉Google给我们埋的坑实在是又多又深，关键是，你根本不知道这些是什么情况，原理是什么，去查，只会告诉你，换兼容包兄弟，太坑了吧！而且我一直认为，既然你推广MD设计，那么至少得给开发一些造好的轮子，好多实现都必须自己去实现，MD设计的一些Button什么的，仅仅是更换个背景颜色，就得自己重头造轮子，是不是要把人往悬崖上推？？？于是，在意识到这坑有点吓人的情况下，又对Android其实并没有特别大的兴趣的情况下，立刻停止了学习。

重拾HTML/CSS#

大一的时候跟着Codecademy在线课程学习过基础HTML/CSS，其实当时是为了玩bilibili的空间的自定义CSS，话说回来，入门真的非常简单。然而这次重新审视自己，想想自己到底喜欢什么，看完了JavaScript的入门后，决定转前端。

重新学习HTML/CSS，更多的是在一些理论上的查缺补漏：

文档流模型（块级元素，行级元素），定位的层模型（relative/absolute/fixed）
css属性的继承性，css的选择器（+ 空格 > : []），以及属性权重（继承权重0.1 标签权重1 class权重10 id权重100 可叠加），相同情况下后覆盖前，!important大于一切（也有说权重为1000的）
三个单位：em px %各自所对应衡量的标准

其实学习HTML/CSS入门很快，但我经常发处女病（这边怎么会多1px？/这边怎么看上去不像是10px？/这边间距是不是多了4px？），但幸好不是坏事，了解了许多许多之前并没有了解的事情。

好多都有了现有的文章啦，也就不再多阐述了。

transform的matrix
CSS 外边距合并
 垂直外边距合并问题
 a img 高度多4px
position属性
 宽高成比例《- 没想到padding的height百分比是以width作参照的
inline-block 4px（间距）问题
 box-sizing
clearfix
block inline inline-block
line-height
vertical align line-height
内联元素对齐与基线对齐，块级元素与边框对齐
行高是整行的高度，并不是盒子的高度，你可以理解为盒子浮在行上，行拉开了，但是盒子还是那么高

jQuery与Firefox的一个坑#

在写本博客主题的时候，碰到了一个玛德超奇怪的一个问题，为某个按钮添加了mousedown与mouseup事件，然后再给这个按钮添加了click事件，结果呢，IE都反应正常，firefox居然不发生click事件！嘿你敢信？虽然我的mouseup事件是停止了冒泡，然而关click事件奶子事情？事件冒泡不应该只是对于文档层次而言的吗？不是很懂你们Firefox，暂时先把click事件变成mouseup事件

其他关于js的一些小坑~