DIV+CSS之float
test.html：
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="c.css" mce_href="c.css" />
</head>
<body>
<div id="footer2">
this is a footer2 div
</div>
<p id="p1">
this is a p1 p
</p>
<p id="p2">
this is a p2 p
</p>
<div id="footer3">
this is a footer3 div
</div>
</body>
</html>
c.css：
div#footer2 {
float:left;
background-color: #faf;
width: 200px;
height:80px;
margin: 10px;
}
#p1{
float: right;
background-color: #afa;
width: 200px;
height:80px;
margin: 2px;
}
#p2{
float: right;
background-color: #afa;
width: 200px;
height:80px;
margin: 2px;
}
#footer3 {
float:right;
background:#afe;
width: 200px;
height:80px;
margin: 2px;
}
1.
中间有两个<p>元素，那么问题就来了，如果在css里没有设置margin则在FF中样子会与想像中的不同，div 与
p 的高度会不相同。
加个margin就没事了，即使傎是0。
2.css中float 与 clear 不能一起使用，一起用clear会不起作用。
所以现在还不晓得既让footer2 clear both又让它向右浮动该咋办？
相关文档：
1.区别IE和非IE浏览器
#tip {
background:blue; /*非IE 背景藍色*/
background:red \9; /*IE6、IE7、IE8背景紅色*/
}
2.区别IE6,IE7,IE8,FF
【区别符号】：「\9」、「*」、「_」
【示例】：
#tip {
background:blue; /*Firefox 背景变蓝色*/
background:r ......
在html中，即使我们没有指定页面元素显示的css样式，元素也会按照默认的的标准css样式去显示。因此掌握基本的html标签可以在一定程度上精简你的css代码，现将html标签的默认属性进行一定的汇总如下：
li { display: list-item }
h ......
列举一些网站页面变灰的css代码:
首先确保网站有1.0标准声明:
<!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“>
方法如下:
1.html{filte ......
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>固定表头和列</title>
<style>
.FixedTitleRow
......
【简 介】
为方便站点哀悼,特提供css滤镜代码,以表哀悼.以下为全站CSS代码
为方便站点哀悼,特提供css滤镜代码,以表哀悼.以下为全站CSS代码.
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装.建议全国站长动起来.为� ......
