首页 > 网站建设 >

网站建设公司解析CSS布局

发布时间:2019-08-15 作者:深圳网站建设

  深圳网站建设公司解析CSS(CascadingStyleSheet,层叠样式表)用于控制Web页面的外观。它可以对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。通过使用CSS样式设置页面的格式,可将页面的内容与表现形式分离,而且易于实现网站整体风格的一致性。页面内容存放在HTML文档中,而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分,通常为文件头部分。将数据与表现形式分离,是网页设计未来的发展方向,CSS样式不仅可以使维护站点的外观更加容易,而且还可以使HTML文档代码更加简练,缩短浏览器的加载时间,页面对搜索引擎更加友好。
  CSS布局的基本构造块是<div>标签,它是一个HTML标签,多用作文本、图像或其他页面元素的方框容器。创建CSS布局时,会将多个<div>标签放在页面上,可以往这些标签中添加内容,然后用绝对或相对方式来定位<div>标签,放置到不同位置。
1.快速创建CSS布局
  对于初学者来说,从头创建CSS布局可能有点困难,为此,DreamweaverCS6提供了十多个可以跨不同浏览器工作的预设计布局,通过这些预设计布局可以轻松构建CSS布局页面。下面从一个简单的例子开始学习CSS预设计布局。
2.APiv
  APDiv指绝对定位(AbsolutePosition)<div>标签,相当于早期Dreamweaver版本中的“层”。使用APDiv能以像素为单位精确定位页面元素,并能将APDiv放置在页面任意位置。当把文本、图像等页面元素放入APDiv中时,还能控制先后关系和显隐状态,可见,APDiv的优点是很明显的。
3.APDiv与表格的转换
  一些习惯表格布局的Web设计人员比较喜欢先在Photoshop、Coreldraw等图形图像设计软件中进行整体版面设计,然后利用跟踪图像功能将其放在页面底下,再通过APDiv进行各种文本、图像、表格的精确定位,最后转换成表格再进行居中等操作。
  DreamweaverCS6允许使用APDiv创建布局,然后将它们转换为表格。不过,尽量不要将APDiv转换为表格,因为这样做会产生大量带有空白单元格的表格,并且会增加冗余代码。网站建设公司本文关于“网站建设公司解析CSS布局”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
 
文章标题: 网站建设公司解析CSS布局
本文地址:https://www.198bona.com/news/3533.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯