ie6中div的高度自动设置，到了ie7和ie8就不行了，需要设置css
/*针对非IE*/
div:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*针对IE*/
div{zoom:1;} ......
强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
源地址：http://www.iwms.net/n1919c40.aspx
......
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#wai{
width:500px;
height:500px;
background-color: #990;
}
#nei {
float:left;
width:200px;
height:200px;
background:#FFF;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
</head>
<body>
<div id="wai">
<div id="nei">我在左边</div>
<div style="clear:both">我不在右边</div><!--删除红色的字看看-->
</div>
</body>
</html> ......
// 按字符换行
style="word-break: break-all;"
// 按词组换行
style="word-wrap: break-word;"
==========================================================================
==========================================================================
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color: #666;
height:100%;
background: url(../images/login/l3.jpg) no-repeat;
vertical-align:middle
display:inline;
zoom:0.75;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/CitationMap /xyzsd_bg.png")
overflow: hidden;
float: left;
white-space: nowrap;
&nbs ......
在进行页面设计的时候，相信下面这些东西应该能够帮助你，DIV+CSS，希望可以为你节省一点时间。
一、 善用css缩写规则
/*注意上、右、下、左的书写顺序*/
1. 关于边距（4边）：
1px 2px 3px 4px (上、右、下、左)
1px 2px 3px （省略的左等于右）
1px 2px (省略的上等于下)
1px （四边都相同）
2. 简化所有：
*/ body{margin:0}------------表示网页内所有元素的margin为0
#menu{ margin:0}------------表示menu盒子下的所有元素的margin为0
3. 缩写（border）特定样式：
Border:1px solid #ffffff;
Border-width:0 1px 2px 3px;
4. 关于文字的缩写规则：
Font-style:italic; 斜体形式
Font-variant:small-caps/normal; 变体样式：小型大写字母/正常
Font-weight:bold;
Font- ......
今天受一同学的委托，接了以个网站的美工的活！主要是做CSS方面设计的问题，这方面的东西我还比较喜欢做，因为都是一些美好的东西嘛，并且所见即所得。
其实CSS这个东西并不难，比起算法和程序设计容易多了，难得是怎么用！
CSS无非包括框架，布局，字体，颜色，这四个部分。
个人感觉想学好CSS没有别的着数，只有认认真真的找一本经典的教程做一遍就什么都明白了。
入门。CSS入门就是学好怎样控制颜色和字。颜色搭配好的话，可以使得整个网页的效果让人流连忘返。字体中字号，种类，颜色，缩进，字宽，特效也可以使得页面更加和谐。对于一个标签设置属性的时候一般按照（上，右，下，左）进行安排的。比如border-color:red,white,black,gray;就是说上边框的颜色是红色的。
进阶。了解了基本的操作后，就可以试着对模块进行布局。这里的模块主要分为两种一种是“段”类的，一种是“行”类的，所谓的段类表示的是这这标签中的内容代表的内容是一段，结束又换行符，代表的标签有（DHP及，Div,H1,P)。行类就是代表这个标签内的内容是一行，内容结束后没有换行，这一类的标签有（SS,即Span,Strong）。布局时候一定要用好display属性（block--强制表示段� ......
最新文章 : css