网站重构
星期一, 1月 26th, 2009 快过年的时候，公司网站改版，设计图出来后，网页也全部重写，那几天忙得头大，晚上加班都九点。因为以前写css都是在原来的基础上改以下，或者写少的那个网页。而这次可以算是大项目拉。对我来说确实是个锻炼。从上班写到下班！发现了自己的很多问题和不足，特别是细节上面，1Px的差距，就会让它面目全非！交给程序，他刚添一段代码，网页就崩溃拉！ 晕！ 我的问题！
趁着放假，那也不去啦，把我在taobao上买的那本ｃｓｓ权威指南好好看看，巩固一下！
Posts Tagged ‘XTHML+CSS’
CSS条件注释
星期四, 9月 11th, 2008由于浏览器版本的不同，对CSS里某些元素的解释也不一样 其实我们还可以利用条件注释的方法来达到类似的目的，什么是条件注释，才子也在此简单介绍一下，无非就是一些if判断啦，呵呵，但这些判断不是在脚本里执行的，而是直接在html代码里执行的，下面来介绍一下使用方法吧。
QUOTE:
<!–[if XXX]>
这里是正常的html代码
<![endif]–>
这里XXX是一些特定的东东，在此列表几个出来，详细介绍各自的含义：
<!–[if IE]> / 如果浏览器是IE /
<!–[if IE 5]> / 如果浏览器是IE 5 的版本 /
<!–[if IE 6]> / 如果浏览器是IE 6 的版本 /
<!–[if IE 7]> / 如果浏览器是IE 7 的版本 /
这里是正常的html代码
<![endif]–>
这里XXX是一些特定的东东，在此列表几个出来，详细介绍各自的含义：
<!–[if IE]> / 如果浏览器是IE /
<!–[if IE 5]> / 如果浏览器是IE 5 的版本 /
<!–[if IE 6]> / 如果浏览器是IE 6 的版本 /
<!–[if IE 7]> / 如果浏览器是IE 7 的版本 /
……
上面是几个常用的判断IE浏览器版本的语法，下面再来介绍一下相对比较少用的逻辑判断的参数：
有几个参数：lte，lt，gte，gt及!
各自的详细解释如下： (more…)
针对GoogleChrome谷歌浏览器的CSS hack
星期三, 9月 10th, 2008 Google于9月3号推出了浏览器Google Chrome，写前端效果的同志们又有得辛苦了，IE/FF/Opera/Safari/Google Chrome本来不太平的世界更混乱了。
关于Google Chrome 谷歌浏览器 CSS网页布局辅助开发的功能介绍
所幸Google Chrome用的是与Safari一样的Webkit引擎，我们可以使用对safari相似的方式作css hack，写法为：
Example Source Code [www.52css.com]
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* 针对Google Chrome、Safari 3.0、Opera 9 的CSS样式 */
}
/* 针对Google Chrome、Safari 3.0、Opera 9 的CSS样式 */
}
另有一种通过附加#的Css hack对chrome无效，可能是Webkit版本不同。
此css hack无效
Example Source Code [www.52css.com]
p.callout { color:#FF0000; font-weight:normal; }
p.callout { color:#000000; font-weight:bold;# }
p.callout { color:#000000; font-weight:bold;# }
附：各种常见浏览器使用的内核 (Rendering Engine)
Example Source Code [www.52css.com]
Mozilla Firefox ( Gecko )
Internet Explorer ( Trident )
Opera ( Presto )
Konqueror ( KHTML )
Safari ( WebKit )
Google Chrome ( WebKit )
Internet Explorer ( Trident )
Opera ( Presto )
Konqueror ( KHTML )
Safari ( WebKit )
Google Chrome ( WebKit )
