欢迎来到小居数码网-一家分享数码知识,生活小常识的网站,希望可以帮助到您。

当前位置:生活小常识 > 数码知识 >
优质

css布局实例(divcss布局实例)

数码知识

刘传澎优秀作者

原创内容 来源:小居数码网 时间:2024-08-13 00:09:02 阅读() 收藏:28 分享:71

导读:您正在阅读的是关于【数码知识】的问题,本文由科普作家协会,生活小能手,著名生活达人等整理监督编写。本文有320个文字,大小约为2KB,预计阅读时间1分钟。

1.“上中下”布局

divcss布局实例

分析: 从整体来看该页面模版是“上中下”的布局,其头部部分主要包括网站的 Logo 和导航条等,下面是一张精美的图片,该图片在整个模板中起到了美化网页的作用,同时该图片也是一个 DIV 标签,其代码为:“<div></div>”;接下来是两个小时左右分开的表格,用来转达网页所要表达的文字信息,同时还包括多个超级链接,这些链接接一般用于与本网站的其他网页建立联系;下面是网站的底栏,主要包括版权信息和联系方式,主要功能是版权声明和听取浏览者的意见或建议。

代码: 相关 CSS 代码分析如下:

body {

margin: 20px 0;

background: #FFFFFF;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 13px;

color: #7F7772;

}

结论: 从以上分析可知这类网站的布局模式简洁明了,重点突出。文字和图片的混排相对较短少,文字内容的描述和图片展示也都比较紧凑集中,使浏览者可以明确精准地找到自己想要搜索和寻找的信息。

上面就是小居数码小编今天给大家介绍的关于(divcss布局实例)的全部内容,希望可以帮助到你,想了解更多关于数码知识的问题,欢迎关注我们,并收藏,转发,分享。

94%的朋友还想知道的:

(203)个朋友认为回复得到帮助。

部分文章信息来源于以及网友投稿,转载请说明出处。

本文标题:css布局实例(divcss布局实例):http://sjzlt.cn/shuma/155108.html

猜你喜欢