CSS布局的基本结构

时间:2020-09-17 09:38:19 来源:SEO 作者:曾庆平SEO 点击量:

2020-09-17 04:40:00 admin

  Css布局的基本组成部分是Div标签,它是网站html标签,大多数情况下,它用作文本、图像或其他页面元素的容器。 创建CSS布局时,Div标签被放置在页面上,内容被添加到标签中,并被放置在其他位置。


  Div标签与表单元格不同,Div标签可以在网页上的任何地方显示。 可以以绝对方式(指定x和y坐标)或相对方式(指定与其他页面元素的距离)放置Div标签。


  可以通过多种方法组合创建浮动、边距、填充和其他Css属性来创建Css布局。 此外,CSS布局对浏览器要求很高,例如在IE浏览器中显示正确,在其他浏览器中显示不正确。


  此外,还可以使用Dreamweaver的绝对位置元素(AP元素)创建CSS布局。 AP元素是指定了绝对位置的HTML页面元素,特别是Div标签和其他标签。 但是,Dreamweaver AP元素的限制为: 因为:是绝对定位的,所以无法根据浏览器窗口的大小调整页面位置。


  关于Css页面布局结构


  CSS布局的基本组成部分是Div标签,通常用作文本、图像或其他页面元素的容器。 HTML页面包含三个单独的Div标签:和容器标签中的另两个标签(侧条标签和主内容标签),如图3-29所示。


  


  在初始的web网站 /中,网页的完整部分由简单构成的文本和图像构成,在HTML语言中,可使用描述性标签来对网页进行加密。 但是,随着网络技术的发展,仅靠简单的HTML标签无法满足人们对网页美丽的要求。 因此W3C制定了Css的技术规格,希望通过Css帮助网页设计教师们设计。


  CSS技术主要用于网页的布局和美化,XHTML的有机组合能使Web更结构化、标准化。 作为最重要的网页布局和美化工工具之一,CSS近年来迅速普及。 国内大多数大型商业网站使用CSS来布局网页,并美化网页上的各种对象。


  级联样式表(CSS )是用于网页的设计的标记语言,用于未经编译的web浏览器直接分析。 在网页中,CSS描述和定义了XHTML对象,这些描述和定义控制了网页中的对象和整个网页的样式。


  Dreamweaver具有强大的CSS编辑功能。 在Dreamweaver中编辑CSS需要CSS面板。 在CSS面板中,可以添加、删除和编辑网页的CSS样式代码。


  在Dreamweaver中运行“窗口”|“CSS样式I”命令(或按Shift F11键)时,将打开CSS面板。 此面板分为两个部分:所有规则部分和样式属性部分. “所有规则”部分显示当前网页的所有CSS样式,“样式属性”部分显示为当前所选CSS样式定义的属性(图4-1 )。


  


  在CSS面板中,可以使用几个按钮来处理网页的CSS规则,如表4-1所示。


  


  要使用Dreamweaver为网页创建Css规则,请单击“新Css规则”按钮,然后在弹出的“新Css规则”对话框中设置新Css规则的基本参数(图4-2 )。


  使用此对话框可以创建各种类型的CSS样式。 现在,对话框中的详细参数介绍如表4-2所示。


  


  如果使用“新建CSS规则”对话框创建外部CSS样式,系统将提示您保存外部CSS链接文件。 保存文件后自动打开,提供给网页设计进行编辑。


  CSS是一个非常重要的网页设计工具。 现在,大部分网页不能通过设计离开CSS,所以需要在设计网页之前知道CSS的基本语法和结构。


  CSS的语句结构非常简单,每个段的CSS代码由两部分组成:选择器


  宣言。 声明包含属性和属性值两个部分,这些部分必须用大括号{}}括起来。 Css代码的表示形式如下。


  


  模板是提高网站制作效率的有效工具。 在网页设计中,在同一个网站中,几十种样式经常会遇到几乎相同的网页。 如果每次都使用xhtml设计web页的结构,并使用Css定义web对象的样式,则效率不高。 使用Dreamweaver模板功能,可以通过简单的操作快速生成大量类似的网页,从而有效地节省创建网页的时间。


  模板是生成网页的基本文档。 创建网页时,内容会频繁更新。 但是,页面的部分元素必须长时间保持。 在这种情况下,可以创建长时间不变的页元素作为模板,并根据需要修改少量内容。

当前位置:SEO > SEO基础教程 >

声明:本文由江西SEO和SEO教程网整理不代表个人观点,转载请注明原文,点击还能查看更多SEO培训的文章;本文网址: http://www.yongfengseo.com/jiaocheng/10830.html

围观: 1000次 | 责任编辑:曾庆平SEO

点击关闭
  • SEO在线客服代码 SEO在线客服代码 SEO在线客服代码