易截截图软件、单文件、免安装、纯绿色、仅160KB

Internet Explorer CSS hacks

测试环境:IE6 , IE7, IE8, FF3.0 
表达方式:表达方式: 
body { `background:red } 
body { ~background:red } 
body { !background:red } 
body { @background:red } 
body { #background:red } 
body { $background:red } 
body { %background:red } 
body { ^background:red } 
body { &background:red } 
body { *background:red } 
body { (background:red } 
body { )background:red } 
body { =background:red } 
body { +background:red } 
body { [background:red } 
body { ]background:red } 
body { {background:red } 
body { |background:red } 
body { ,background:red } 
body { <background:red } 
body { .background:red } 
body { >background:red } 
body { /background:red } 
body { ?background:red } 
结论:IE识别所有CSS Hack 结论:IE识别所有CSS Hack 
比如我们要实现在IE 中480px 的宽度,而在其他浏览器500px 的宽度,就可以通过Hack 来完成,如下:比如我们要实现在IE中480px的宽度,而在其他浏览器500px的宽度,就可以通过Hack来完成,如下: 
#hack {
width : 500px;
+width : 480px; /*only IE*/
}


相关文档:

根据input的type来控制css样式

<style type="text/css">
/*
根据input的type来控制css样式
*/
/*
1.用css的expression判断表达式
优点:简单,轻量级
缺点:expression判断表达式FireFox是不支持的。致命的是只能区分出一个(例如例子中就只能区分出text文本框),不要试图设置多个,下面的会将上面的覆盖掉
 
input
{
background- ......

CSS Cookbook例子:创建水平导航菜单


<!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/1999/xhtml">
<head>
<style type="text/css"><!--
#navsite h5 {
display: none
}
#navsite ul {
......

Div+CSS布局入门教程之一

一、页面布局与规划
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。所有的设计第一步就是构思,构思好了,一般来说还需要 ......

Div+css命名规则

收藏一份不错的DIV+CSS布局的SEO优化资料:
Div+css命名规则-(能增强SEO?)
页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:l ......

css控制图片按比例缩小

IE6实现方法:
HTML部分:
<imgsrc="..."alt="..."onload="resizeImage(this)"/>

JS部分:
<mce:scripttype="text/javascript"><!--

functionresizeImage(obj){
obj.width=obj.width>50&&obj.width>obj.height?50:auto;
obj.height=obj.height>50?50:auto;
}
// -->&l ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号