• 在线
    咨询
  • 关注
    微信
  • 预约
    建站
  • 您所在的位置:首页 > 建站知识 > 网站建设资料 > 正文

    网站建设基础知识2.5:DIV+CSS布局之使用Div+CSS布局页面的步骤

    作者:南昌网络公司 来源:原创 日期:2015-5-8 8:39:51 人气:97 标签:网站建设 基础知识

    Div+CSS”布局包括2个部分,即DIV标签对“<div></div>”和对应的CSS样式。插入Div标签对通过点击插入面板“布局”分类中的按钮进行,同时要对Div标签命名,即id名。定义CSS样式通过Dreamweaver编辑区右侧的“CSS样式”功能面板进行,该面板上有4个按钮,分别为:附加样式表(用来链接一个已有的.css文件)、新建CSS样式、编辑样式表、删除CSS样式。

    每个CSS样式都有1个名称,可以自行取名,但需以“.”或“#”开头,也可以使用现有的标签名。CSS样式参数共分为类型、背景、区块、方框、边框、列表、定位、扩展8大类,每一大类中包含若干可定义的属性和值。任何一个CSS样式均由1个或多个“属性:值;”组成.

    则该CSS样式定义在代码视图中的代码为:

    <style type="text/css">

    <!—

    body {

    font-family:"宋体";

    font-size:12px;

    }

    -->

    </style>

    需要注意的是:8类参数中的某些属性只有在IE5.5以上才支持!对同一元素,并非所有属性都起作用!

    布局页面的步骤如下:

    (1)在纸上或绘图软件中画出网页的分块式结构图;

    (2)根据结构图在网页中插入某个div标签并给ID或类取名;

    (3)定义该div标签所用的CSS样式;

    (4)重复进行上述(2)、(3)两个步骤直到布局完成;

    (5)根据布局效果浏览情况决定是否对CSS样式进行修改。


    网站建设资料

    联系我们

    联系地址:南昌市北京西路437号江西师范大学

    联系电话:0791-88626667

    客户经理:+(86)139 0709 1599(邓经理)

    客户QQ:8675405(ca88.com)  14967782(ca88.com)

    技术QQ:707917799(ca88.com)

    关注我们

    我们的成功离不开各位朋友的关注,通过以下方式可以关注我们!

    南昌ca88.com网络

    • 版权所有:南昌ca88.com网络官方网站
    • 网站备案:赣ICP备13008082号-4
    • 站长统计:
    <友情连结> 西安木牛能源技术服务有限公司/ 无锡市明杨新能源有限公司/ 云端科技官网/ MidiBuddy/ 新浪博客/