随笔分类 - css/html
摘要：CSScss outline 与border 重要区别，outline不参与到文档流中，即outline是不站位置的。最好为a标签的每一个状态都设置你需要的 text-decoration，不然各种悲催的浏览器表现不一样::selection这应该是一个新的伪类，定义了网页选中的背景颜色，在“又拍”发现的。两个同级的div 都设置了 inline-block，你会发现他们之间有一些间隙（ff,chrome大多A级浏览器都这样），非常莫名其妙。 这是由于代码换行导致的，强制把代码写在一行就行了。 具体为什么还真不知道，太BUG了。文章链接用label 包裹 input 不写for 不能聚焦到in
阅读全文
摘要：a:link{color:#f30;} a:visited{color:#000;} a:hover{color:#fff;} a:active{color:#f99;}上面是a元素4个伪类的正确顺序，简称 lvha(love-ha)。为什么这样才是正确的？ 首先4个伪类的特殊性（应用优先级）是同样的，CSS有一条规则“后出现的样式会覆盖前面的样式”，伪类同样适用这条原则，所以当两个伪类同时作用于同一个元素的时候，相同的CSS属性就覆盖了。比如把hover放在active后面，那么实际你在激活（active）链接的时候就触发了hover伪类，hover在后面覆盖了a...
阅读全文
摘要：分享两个布局模型之前看过YUI的CSS框架，觉得非常神奇。在后面的工作，中渐渐的觉得一个好的布局（可扩展性）对于整体网站架构的重要性。于是写了下面两个布局模型，分别为 普通页面布局，管理界面布局当然这也有利于你偷懒 下载地址 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1
阅读全文
摘要：margin 失效，楼主开玩笑的吧！ 前几天做一个页面的时候遇到了这个问题。我设置div的margin-top IE6下居然无效；后来搞了好半天没弄出来。只能设置父元素的padding-top;来达到效果。看下面的演示代码； 今天有时间，所以特意做了一个测试。[代码] /*width:100%; height:auto !important;height:1%; zoom:1;*/...
阅读全文
