随笔分类 -  CSS

摘要：尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到，所以如果你最近在设计网站，你很难能脱离它们。但是，隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性，但是它们并没有得到太多的关注。或许它们中的一些应该这样(被无视)，但是其它的属性应该得到更多的认可。最伟大的财富隐藏在Webkit的下面，而且在iPhone、iPad和Android apps的时代，开始了解它们会灰常有用。就连Firefox等使用的Gecko引擎，也提 阅读全文

摘要：html, body{ width: 100%; height: 100%; overflow: auto; position: absolute; left: 0px; top: 0px; min-height: 620px; min-width: 1000px; _width: expression((documentElement.clientWidth < 1000) ? "1000... 阅读全文

摘要：Google Chrome 浏览器中 font-size < 12px 没有效果解决方法：*｛-webkit-text-size-adjust: none;｝此功能立竿见影，目的是去掉CHROME的自动调整字体大小，显示比12PX小的字体。 阅读全文

摘要：IE6，IE7，IE8，Firefox兼容的css hack补充：.color{background-color: #CC00FF; /*所有浏览器都会显示为紫色*/background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/*background-color: #0066FF; /*IE6、IE7会变为蓝色*/ _background-color: #009... 阅读全文

摘要：原理css盒模型一个盒子包括: margin+border+padding+content – 上下左右边框交界处出呈现平滑的斜线. 利用这个特点, 通过设置不同的上下左右边框宽度或者颜色可以得到小三角, 小梯形等. – 调整宽度大小可以调节三角形形状. 示例1一般情况下, 我们设置盒子的宽高度, 及上下左右边框, 会呈现如下图示例2在上面基础上, 我们把宽高度都设为0时,... 阅读全文

摘要：一句话让你的网页为灾区祈祷，将这句话加在网页底部即可。<style>html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }</style> 阅读全文

摘要：IE6、IE7、IE8、Firefox、Opera CSS hack区分针对样式名如果只让ie6看见用*html .head{color:#000;}如果只让ie7看见用*+html .head{color:#000;}如果只让ff看见用:root body .head{color:#000;}如果只让ff、IE8看见用html>/**/body .head{color:#000;}如果只是... 阅读全文

摘要：CSS hack 各种浏览器的兼容一览表： 阅读全文

摘要：一、超链接访问过后hover样式就不出现的问题？被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A二、IE6的双倍边距BUG例如:< style type =" text / css ">body { margin: 0 ; }div { float: left ; margin-left: 10 px ; width: 2... 阅读全文

摘要：<SCRIPT LANGUAGE="JavaScript"> var s = ""; s += "\r\n网页可见区域宽："+ document.body.clientWidth; s += "\r\n网页可见区域高："+ document.body.clientHeight; s += "\r\n网页可见区域高："+ document.body.offsetWeight +" (包括... 阅读全文