CSS3实现左右摇摆跳动的心动画
还在为无法表达内心澎湃的心情而着急吗？还在为制作跳动的心而烦恼吗？哈哈,今天我就把代码全部奉上，为你们追妹子添点贡献，下面来看最终的动态效果（事先说明一下：我用的截屏gif制作软件是绿色版的，所以gif动态图心的抖动效果会有点慢而且卡卡的，但是实际效果很棒,不信你可以粘贴代码看看呗）其实上面的动画类
...
利用github pages + hexo搭建自己的博客
之前也搭了自己的网站，但是每个月都需要花费一定的费用去维护网站，后来发现在github可以建立自己的免费博客，觉得很划算，就试一试，结果发现效果还是很好的，还可以自定义主题和样式在，很方便。
为什么选择GitHub Pages
域名是github的二级域名，不用给空间付费，不用给域名付费
多主题可选
...
CSS3实现文字淡入的动画
今天有空把css3里面动画研究一下，都是一些简单的东西，但是千里之行始于足下，我虽然走的慢，但是未停下前进的脚步,下来看下我做的“淡入的文字”最终动态效果：上面这个动画效果制作的过程是：（1）先自定义一个透明度从0到1变化的动画，然后在animation中调用这个动画效果（2）注意不同行文字出现的时
...
css样式表中的样式覆盖顺序
有时候在写CSS的过程中，某些限制总是不起作用，这就涉及了CSS样式覆盖的问题，查找一些教材中（w3schools等），只说css的顺序是“元素上的style” > “文件头上的style元素” >“外部样式文件”，但对于样式文件中的多个相同样式的优先级怎样排列，没有详细说明。经过测试和
...
input表单元素的默认padding不一致问题
最近做的项目，发现一堆问题，input type=“text”和type=“button”
（1）在无文字的时候高度是一致的，分别写入相同大小的文字type=“button”高度>type=“text”，查找的资料是padding在不同浏览器的表现不一致，尤其是chrome，具体文章见http
...
margin和padding在块元素、内联元素中的区别
元素分类HTML（这里说的是html标准，而不是xhtml）里分两种基本元素，即block和inline。顾名思义，block元素就是以”块”表现的元素（block-like elements），inline元素即是以”行”表现的元素（character level elements and tex
...