随笔分类 -  前端样式 css

摘要：1.http://www.brunildo.org/test/relayout.html2.http://www.brunildo.org/test/index.html 阅读全文

摘要：很多时候，CSS在IE下的解析十分奇怪，明明在FF中显示得非常正确，但到了IE下却出现了问题，有的时候，这些问题甚至表现得非常诡异，例如一个比较经典的bug就是设置border的时候，有时候border会断开，刷新页面或者滚动滚动条的时候，断掉的部分又会连接起来。这些诡异的问题往往大部分和IE下一个神秘的属性相关——hasLayout。hasLayout是IE浏览器专有的一个属性，用于CSS的解析引擎。有时候在IE下一些复杂的CSS设置解析起来会出现bug，其原因可能与hasLayout没有被自动触发有关，我们通过一些技巧，手动触发hasLayout属性就可以解决Bug了。这也算是针对IE下疑 阅读全文

摘要：1.采用:after的方法清除浮动优点：避免在html里插入多余的标签详情：http://www.positioniseverything.net/easyclearing.html整理成一个通用的.clearfix.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}content:'.'的作用是在清除元素的内容后边添加一个“点”，当然添加其他也可以，只是"点"简单。display:block之所以设成blo 阅读全文

摘要：何为伪类？也就是实际实现了类的效果，但是并没有实际添加到标签中的类，这样的就是伪类。伪类的典型构成就是使用了（:）冒号。1.先说最常用的a链接的伪类，目前市场上的主流浏览器都支持。:link 链接样式:visited 链接访问过后的样式（只要访问历史记录存在）:hover 鼠标悬停样式:active 鼠标按下样式其中有些规则，需要按着（Love ha）的顺序样式才会生效。而且这4个伪类不只可以用在a链接上，也可以用在其他元素上，当然最常的是:hover来实现翻转效果,但IE6对于元素的hover不支持，IE7也要在DOCTYPE为strict时，才支持，比如<style type=&qu 阅读全文

摘要：CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang=&quo 阅读全文

摘要：在进行CSS网页布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？一、IE边框若显若无，须注意，定是高度设置已忘记；二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；三、三像素文本慢移不必慌，高度设置帮你忙；四、兼容各个浏览须注意，默认设置行高可能是杀手；五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。七、所有标签皆有源，只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊， 阅读全文