摘要：
当元素加完边框后，因为边框占用一定空间，造成后面元素偏移，这样感觉不好。如何解决这个问题呢？ padding登场了。可以给元素设置内边距{padding： 0 6px;},当鼠标悬浮时添加边框，同时将内边距变小相应的大小{border-width:0 1px;padding:0 5px; } ps:这个技巧太赞了，可见平时不起眼的padding有时可以派上大用场，细节才是王道。 阅读全文
摘要：
a的默认样式是inline，如果对其设置了line-height:100px;vertical-align:middle;那么其中的文字就会垂直居中，而且会超出容器，a的实际位置也会跟着变。而如果对其设置了inline-block;那么文字依然如上，但是a的实际位置会在容器内部。于是，我认为line-height等只会对文字有效。而inline-block会使a按正常容器中的位置展示。 阅读全文
摘要：
实现该选项卡与选项内容之间背景相同，同时无边框效果。下面介绍基本实现原理，细节实现可以自己改变。 1）选项卡{z-index:10002;}鼠标悬浮在选项卡时{border-width:0 1px;border-style:solid;border-color:#eee;background:#fff;} 2) 弹出框它包含有两层：外面的wrap,开始设置为{display:none;},里面的panel 3)wrap{position:relative;margin-top:-1px;}panel{position:absolute;top:0;left:0;border:1px ... 阅读全文