摘要：
position:relative定位 position:relative定位测试 relative是相对的意思，顾名思义就是相对于元素本身在文档中应该出现的位置来移动这个元素，可以通过TRBL来移动元素的位置，实际上该元素依然占据文档中原有的位置，只是视觉上相对原来的位置有移动。具体案例如下： p... 阅读全文
摘要：
前言： HTML/XHTML/DHTML并不简单，我想就单说一个meta标签都不见得有谁能完全掌握好（也许很多人根本都不会关心它）。 在我刚刚更新了IE到IE9时，发现了一个小现象，就是用IE9打开我做的页面时会出现“Compatibility View”按钮，而访问Google时就没有，这是为什么 阅读全文
摘要：
baozha.js 阅读全文
摘要：
@media规则在css2中就有介绍，针对不同媒体颗星可以定制不同的样式规则。例如：你可针对不同的媒体类型(包括显示器、便携设备、电视机等等)设置不同的样式规则。但这些多媒体类型在很多设备上支持还不够友好 CSS3多媒体查询根据设置自适应显示。媒体查询可用于检测很多事情，例如： viweport(视 阅读全文
摘要：
按钮颜色 .button1 {background-color: #4CAF50;} /* Green */ 按钮大小 .button1 {font-size: 10px;} 圆角按钮 .button1 {border-radius: 2px;} 按钮阴影 box-shadow: 0 8px 16p 阅读全文
摘要：
圆角图片 img { border-radius: 8px; } 缩略图(用boder属性来创建) img { border: 1px solid #ddd; border-radius: 4px; padding: 5px; } 响应式图片 img { max-width: 100%; heigh 阅读全文
摘要：
多列 注意: Internet Explorer 9及更早 IE 版本浏览器不支持 column-count 属性。 英国维斯米斯特教堂碑文11111111111111111111111111111111111111111111111 当我年轻的时候，我梦想改变这个世界；当我成熟以后，我发现我不能够改变这个世界，我将目光缩短了些，决定只改变我的国家；当我进入暮年以后，我发... 阅读全文
摘要：
animation-timing-function的参数： 值 属性 linear 动画从头至尾的速度是相同的 ease 默认，低速开始，加快，变慢结束 ease-in 动画以低速开始 ease-out 动画以词素结束 ease-in-out 动画以低速开始和结束 cubic-bezier(n,n, 阅读全文
摘要：
单纯的代码不会触发任何过渡操作，需要通过用户的行为（如点击，悬浮等）触发，可触发的方式有： :hoever :focus :checked 媒体查询触发 JavaScript触发 过渡的小结： transition的优点在于简单易用，但是它有几个很大的局限。 （1）transition需要事件触发， 阅读全文
摘要：
CSS3 transition 允许 CSS 元素的属性值在一定的时间区间内平滑地过渡。我们可以在不使用 Flash 动画或 JavaScript 的情况下，在元素从一种样式变换为另一种样式时为元素添加效果。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变 CS 阅读全文