您好,欢迎来到软文情感网。
搜索
您的当前位置:首页CSS常用布局整理_html/css

CSS常用布局整理_html/css

来源:软文情感网


固定宽度布局

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

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

效果图:

Copyright © 2019- ruangwengfa.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务