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中样子� ......
CSS(层叠样式表),可能看过网站制作教程网基础教程的人都知道大概是什么回事.本文来测一下,你学习CSS现在处于怎么一个阶段或者说处在一个什么等级.
本文总共将CSS学习者从低到高分为六个等级.快来看看你是在哪个等级.
第0级：CSS？什么CSS,是不是CS啊.那游戏我玩过呀.是个多人游戏呀
CSS? Isn't that a multiplayer game?
有些人因为在找CS:S（Counter Strike: Source）这款游戏的资讯而进到#CSS网站。不必担心这些人，他们不可能制作太多网页，所以对网络也不会造成多大伤害。
第1级：CSS我知道啊.也用.我偶尔用它来移除连结的底线
CSS Yeah, I use it to remove underlines on links sometimes
和第0级的人不同，这些人学过HTML，也制作过几个简单的网站。他们只有在无法使用HTML制作出某些效果时，才会使用CSS，例如移除连结的底线或者设定行高。这些人的网站通常规模不大也没什么访客，所以他们也不会对网络造成太大伤害。
第2级：不，我不喜欢div元素；表格好用多了！
No, I don't like divs; tables are much easier to work with
他们听过使用div元素来设计网页这件事，也花了些时 ......
css
clearfix(针对火狐height:auto无效解决方案)
Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。
例：
<div style=" border:2px solid #0CC; width:600px;" >
<div style="
width:50px; height:600px; border:#099 1px solid; margin-left:5px;
float:left;display:inline"></div>
<div style=" width:50px;
height:40px; border:#099 1px solid; margin-left:5px; float:left;display:inline
"></div>
<div style=" width:50px; height:40px; border:#099 1px solid;float:right
"></div>
<!-- <div
style="clear:both"></div>-->
</div>
解决方法如下，
1.
<div style=" border:2px solid #0CC; width:600px;" >
<div style="
width:50px; height:600px; border:#099 1px solid; margin-left:5px;
float:left;display:inline"></div>
......
最新文章 : css