css文档中心

一、document.formName.item(“itemName”) 问题
问题说明：IE下，可以使用 document.formName.item(“itemName”) 或 document.formName.elements ["elementName"]；Firefox下，只能使用document.formName.elements["elementName"]。
解决方法：统一使用document.formName.elements["elementName"]。
二、集合类对象问题
问题说明：IE下，可以使用 () 或 [] 获取集合类对象；Firefox下，只能使用 [ ]获取集合类对象。
解决方法：统一使用 [] 获取集合类对象。
三、自定义属性问题
问题说明：IE下，可以使用获取常规属性的方法来获取自定义属性，也可以使用 getAttribute() 获取自定义属性；Firefox下，只能使用 getAttribute() 获取自定义属性。
解决方法：统一通过 getAttribute() 获取自定义属性。
四、eval(“idName”)问题
问题说明：IE下，可以使用 eval(“idName”) 或 getElementById(“idName”) 来取得 id 为 idName 的HTML对象；Firefox下，只能使用 getElementById(“idName”) 来取得 id 为 idName 的HTML对象。
解决方法：统一用 getElementById(“idName”) 来取得 ......

在JSP页面上加入
<%String path = request.getContextPath();%>
<link href="<%=path%>/css/style.css" rel="stylesheet" type="text/css">
下列方式貌似不行：
<link href="../css/style.css" rel="stylesheet" type="text/css">
<link href="../../css/style.css" rel="stylesheet" type="text/css"> ......

转自：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片跑马灯</title>
</head>
<body>
<div style="overflow:hidden; width:350px" id='div'>


    <table width="308" border="1" align="center">
        <tr>
            <td >
                <div id="div1& ......

　　
如果在用CSS设计布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？
一、IE边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
三、三像素文本慢移不必慌，高度设置帮你忙；
四、兼容各个浏览须注意，默认设置行高可能是杀手；
五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；
六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。
七、所有标签皆有源，只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理须多练习，万物皆规律。
八、图片链接排版须小心，图片链接文字链接若对齐，padding和vertical-align:middle要设定，虽差微细倒无妨。
九、IE浮动双边距，请用display：inline拘。
十、列表横向排版，列表代码须紧靠，空隙自消须铭记。
......

如果把文字和图片放在同一个图层的，文字可以做到居中，但是图片就不能，因为图片默认是左上对齐的！这就是为什么在制作的时候看到图片
会靠上的原因。如果你令到图片居中了，文字就会相对于图片右下对齐了！如果你想2个都居中的话，就不能把他们放在同一个div,或者你试下
把他们放在2个div中，或者一个图片放div中，文字直接放页面中，不放div ，这样还可以给网页瘦身。
把那个放图片和文字的层css设置为比如id叫#aa
#aa {height: 30px; line-height:30px; vertical-align: middle;}
这样就可以使里面的东西在层里垂直居中了。一定要设置相同高度和间距。
把图片加上align="absmiddle"
<img src="http://img.baidu.com/img/logo-zhidao.gif" align="absmiddle" />
我是用这个方法解决的。
我的文字和图片在同一个span里面，我在图片中加上这个属性就解决问题了。但是直接写在页面里面是否有表现和结构不分离的嫌疑呢？呵呵
补充下：文字居中的，只要用line-height就可以控制居中，图片居中的话，要用padding或者margin!
　　 DIV没有文字垂直居中属性，这个确实是个缺陷问题。
需要把图片和单行文字垂直居中对其，可以给图片的CSS 定义一个vertical ......

1. CSS字体定义简写规则
一般的写法会是这样：
font-weight: bold;
font-style: italic;
font-varient: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif
而实际上你可以用更简洁的写法：
font: bold italic small-caps 1em/1.5em verdana,sans-serif
是不是更省事？不过使用这种简写需要注意几点：要使简写定义有效必须至少提供 font-size 和 font-family 这两个属性；同时font-weight, font-style 以及 font-varient 这几个属性如果不做设定的话将默认为normal。
还有background，border等等.
1. 关于background的写法
DIV.comment{background:#f0f0f0 url(url address) repeat-x left top}
1）您可以看到background的第一个定义是一个颜色值这表示在背景图片失效的时候颜色将起作用。
2）url括号中的引号是没有必要的，我们可以不写引号
2. 关于Border的写法，如果您想定义div的四个边的颜色不同，而粗度和样式都一样，您可以这样写：
DIV.special{border:1px solid; border-color:color1 color2 color3 color4}
四种颜色一次是上，右，下， ......

css和javascript在IE和Firefox中二十三个不同点

css和javascript在IE和Firefox中二十三个不同点

CSS在MyEclipse下无法载入问题。

一个CSS+JavaScript编写的跑马灯程序

一个CSS+JavaScript编写的跑马灯程序

CSS布局口诀

用DIV+CSS布局中,如何设置图片与文字在同一高度?

CSS常用技巧介绍