div css 学习教程

div css 教程,做网站的时候会涉及到div css样式,现在我也有了很深的感触,觉得div css样式已经在网站建设、网站优化中,div+css是个不可缺少的,网站建设中还要延续以前的table,那说明做的有点失败,要是不用div css的话,table只要嵌套少于三层,现在div css已经很利于搜索引擎的优化了,所以div css还是首先,下面我来简要介绍下div css。
 div css样式组成了一个框架,网站的整体构架,我们做网站的时候我们会给网站做一个整体的构架,上中下左右等等,我们开始是头部,头部就是一些网站的栏目信息,如:浙江杭州seo seo优化 seo工具 浙江seo 这些称之为栏目。我们记为 header ,当然我们里面也可以放置banner。
然后再继续往下的话我们就是中间,中间有的有左中右,有的是左 右两种方式的,第一种life 、center、right,第二中为 life、center。
然后下面就是底部,我们叫他为foot。
现在呢,我们的整个人就可以造出来了,头、中间、脚,然后我们要给穿上一件大衣,然后让之包含身体我们极为container。
下面我就就会出来类似的》
  DIV结构如下:
  │body {} /*这是一个HTML元素,具体我就不说明了*/
  └#Container {} /*页面层容器*/
     ├#Header {} /*页面头部*/
     ├#PageBody {} /*页面主体*/
     │ ├#left {} /*侧边栏*/
                  |     |-#center
     │ └#right /*主体内容*/
     └#foot {} /*页面底部*/
我们用div来显示出类似:
   <!--主题部分-->
 <div id="container" >
         <div id="header"></div> -------------- 头
         <div id="pagebody">        -------------身体
                   <div id="left"></div>  ---------- 左手 
                   <div id="center"></div>     ----脊柱           
                   <div id="right"></div>  ---------右手
           </div>         
  <div id="foot"></div>  -----------------------脚
 </div>
下面组成了一个div整体框架。
也许很多人会问了,只有div,那css呢,请往下看---》
html如何引用css代码如下:  <link href="images/style.css"   tyle="test/css" />    href="images/style.css"   是路径
style.css 就是一个css文件,中简要代码如下:
body{
 margin:0;
 padding:0;
 color:#000000;
 font-size:12px;
 background:#292929;
 }
.container{width:100%;height:10px}
.header{width:800px;magin:0 auto;height:100px;background:#000000}
这就是css样式》
以上组成了div css样式,然后就可以控制网站的整体架构,并且对搜索引擎有极大的好处。


« SEO已经生活化什么是搜索引擎营销 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最近发表
SEO文章分类
最近评论
最近留言
标签TAGS