我写div+css过程
这是原先我写的 备忘的 尽管写的很烂
frame.css
Java代码
CHARSET "UTF-八";
html,body{
margin: 零px;
padding: 零px;
height: 100%;
/*font-size: 12px;
color: #666666;
background: #ffffff;*/
}
*{
margin: 零px;
padding: 零px;
}
/*由于用了相对位置格局，应分辨率太大时，图片和文字就会被拉伸
之所以采取max-width来设立一个最大的宽度，但是这个属性IE六以次
不支持，之所以作以次更动
!important 唯有FF和IE七之上才支持
_XXX唯有IE6支持
*XXXIE七,IE六都支持
*+XXX惟独IE7支持
这么就可以把他们界别开了
*/
#box{
/*background: red;*/
height: 100% !important;
width: 100% !important;
_width: 1000px;
/*_height: 600px;*/
max-width: 1024px;
min-width: 1000px;
min-height: 500px;
margin: auto;
}
#header{
/*border: 二px solid #零E六;*/
/*background-color: navy;*/
height: 十%;
}
#header img{
height: 100%;
width: 100%;
}
#temp一{
height: 五%;
}
#mainMenu{
/*border: 二px solid #C26;*/
/*background-color: purple;*/
height: 90%;
/*margin-bottom: 三px;*/
background: url("../images/mainMenu.bmp") repeat;/*设立背景图片，并上下左右填充*/
}
#space{
height: auto;
}
#sideBar{
/*background: bule;*/
height: 82%;
width: 25%;
/*border: 二px solid #04E;*/
background-color: blue;
position: relative;
overflow: hidden;
float: right;
}
#sideBar iframe{
height: 100%;
width: 100%;
border: none;
}
#content{
/*background: darkblue;*/
height: 82%;
width: 75%;
float: right;
/*border: 二px solid #555;*/
background-color: green;
overflow: hidden;
}
#content iframe{
height: 100%;
width: 100%;
border: none;
}
#footer{
/*border: 二px solid #F14;*/
width: 100%;
clear: both;
/*color: #c九c九c九;
background: #35B;
text-align: center;
font-size: 15px;
font-size: 12px;
color: #c九c九cc;
border-top: 一px solid #000;*/
position: absolute;
bottom: 零px;
}
#footer img{
vertical-align:middle;/*垂直正中*/
}
#footer a {
color: #c九c九c九;
相关文档：
1.超链接访问过后hover样式就不出现的问题?
被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A
2.IE6的双倍边距BUG
例如:
<style type="text/css">
body {margin:0}
div { float:left; margin-left:10px; width:200px; ......
作为网页设计师(前端工程师)，你可能还记得曾经的那个网页大小建议:一个网页（包括HTML、CSS、Javacript、Flash和图
片）尽量不要超过30KB的大小，随着互联网的日益庞大，网络带宽也在飞速发展，很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎的
CSS布局和Javascript对网站用户体验的强化，使得这种现� ......
1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。
2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。
3、一个兼容性调整(IE和Mozilla)的笨办法：初学可 ......
css圆角box备忘 <style type="text/css">
div.box{}
div.boxtitle{background-color:#888; height:24px; line-height:24px; vertical-align:middle; padding-left:10px;}
div.boxcontent{ padding:10px; border:1px #888 solid;}
b.r {display:block;background: #fff} ......
