点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

CSS常用布局整理_html/css

来源：动视网责编：小采时间：2020-11-27 15:59:37

CSS常用布局整理_html/css

CSS常用布局整理_html/css_WEB-ITnose:固定宽度布局 1-2-1布局（浮动）固定宽度div ,p, h2 { margin: 2px; padding: 5px;}#container { width: 612px; margin: 10px auto;}#header,#footer { width: 596px; border: 1px solid blue;} #cont

推荐度：

点击下载本文 文档为doc格式

导读CSS常用布局整理_html/css_WEB-ITnose:固定宽度布局 1-2-1布局（浮动）固定宽度div ,p, h2 { margin: 2px; padding: 5px;}#container { width: 612px; margin: 10px auto;}#header,#footer { width: 596px; border: 1px solid blue;} #cont

固定宽度布局

1-2-1布局（浮动）

固定宽度

Page Header

Page Content 1

对于一个网页设计者来说，HTML语言一定不会感到陌生，因为它是所有网页制作的基础。但是如果希望网页能够美观、大方，并且升级方便，维护轻松，那么仅仅HTML是不够的，CSS在这中间扮演着重要的角色。

Side Bar 1

对于一个网页设计者来说，HTML语言一定不会感到陌生。

Page Footer

这是一行文本，这里作为样例，显示在布局框中。

效果图：

正中间的两个div都浮动起来，且包含块的宽度是固定值。Footer清除浮动防止浮动块覆盖。

1-2-1布局（绝对定位）

固定宽度

Page Header

Page Content 1

对于一个网页设计者来说，HTML语言一定不会感到陌生，因为它是所有网页制作的基础。但是如果希望网页能够美观、大方，并且升级方便，维护轻松，那么仅仅HTML是不够的，CSS在这中间扮演着重要的角色。

Side Bar 1

对于一个网页设计者来说，HTML语言一定不会感到陌生。

Page Footer

这是一行文本，这里作为样例，显示在布局框中。

效果图：

CSS常用布局整理_html/css

CSS常用布局整理_html/css_WEB-ITnose:固定宽度布局 1-2-1布局（浮动）固定宽度div ,p, h2 { margin: 2px; padding: 5px;}#container { width: 612px; margin: 10px auto;}#header,#footer { width: 596px; border: 1px solid blue;} #cont

推荐度：

点击下载本文 文档为doc格式

标签： html 布局 css

热门焦点

最新推荐

猜你喜欢

热门推荐

产品服务发展历程企业资讯企业文化关于我们加入我们联系我们网站导航网站律师

中国扫黄打非网

Copyright © 2019-2025 51dongshi.net 版权所有

赣ICP备2023002352号-34

违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务

Top