我写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、左列固定，右列自适应
#left{ width:190px; float:left; }
#right{ margin-left:205px; }
2、右列固定，左列自适应
#left{ float:left; width:100%; }
#right{ float:left; margin-left:-100px; width:100px; }
三列布局
左� ......
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。
2、无边框。推荐的写法是 border:none;，哈哈，我一直 ......
SEO主要就是通过对网站的结构，标签，排版等各方面的优化，使Google等搜索引擎更容易搜索网站的内容，并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分，从而获得较好的排名。DIV+CSS网页布局对SEO有哪些影响呢？代码精简使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直� ......
div居中的设置该如何编写css？
我们在传统的表格布局中，只要设置表格的居中属性就实现了居中的块元素。应用div css网站布局，div的居中该如何编写css来控制它呢？
主要的样式定义如下：
body {text-align: center;}
#center { margin-right: auto; margin-left: auto; }
首先在父级元素定义text-a ......
