放在盒子里

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><style type="text/css">/* 适用于全部元素 */*{padding: 0;margin: 0;}/* 匹配id为box的 */#box{width:700px;background-color: red;/* 自动居中 */margin: 0 auto;}#logo{height: 100px;background-color: #FF0000;}#nav{height: 50px;background-color: yellow;}#main{height: 600px;}#left_main{display: inline-block;width: 350px;height: 600px;background-color: blue;}#right_main{display: inline-block;width: 350px;height: 600px;/* 浮动 */float: right;background-color: deeppink;}#foot{height: 40px;background-color: aqua;}</style></head><body><div id="box"><!-- id值唯一，不能相同 --><div id="logo"></div><!-- nav导航 --><div id="nav"></div><!-- 广告 --><div id="guanggao"></div><!-- 主体 --><div id="main"><div id="left_main"></div><div id="right_main"></div></div><!-- 底部 --><div id="foot"></div></div></body>
</html>

【常见网页排版布局】相关推荐

web开发技巧-网页排版布局常见问题及解决办法
在前端开发过程中比较麻烦的地方其实并不是开发,而是考虑用哪些页面布局样式,一个好的布局排版重点突出,看起来舒适不费劲,整体简洁大方,更重要的是能让用户更好的更方便的浏览网站.今天小千就来给大家介绍几种 ...
QuarkXPress 2018—图文设计排版布局工具
想让你的图书页面更加精美?想要一款专业的图文设计排版布局工具?QuarkXPress 2018推荐给大家!QuarkXPress 2018是一款功能强大的图形设计和网页排版布局工具,它被设计师.出版商 ...
CSS基础「四」浮动 \ 常见网页布局
本篇文章为 CSS 基础系列笔记第四篇,参考黑马程序员pink老师前端入门教程其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...
CSS浮动/常见网页布局/清除浮动/学成在线案例
CSS 04 1. 浮动(float) 1.1 传统网页布局的三种方式网页布局的本质--用 CSS 来摆放盒子. 把盒子摆放到相应位置. CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列 ...
java 网页排版乱_HTML、DIV+CSS网页制作中排版混乱的几种常见的情况
对于Web前端初学者或者经验不够丰富的人来说,出现页面排版布局混乱的情况并不罕见,有时候明明前面部分的网页都很整齐美观,可是在接下来的部分中经常会出现网页布局混乱,比如content无法调整到开发者需 ...
CSS学习（第四天）（浮动，常见网页布局，清除浮动，PS切图）
CSS浮动 1 浮动 1.1传统网页布局的三种方式 1.2 标准流(普通流/文档流) 1.3 为什么需要浮动? 1.3为什么需要浮动? 1.4什么是浮动? 1.5浮动特性(重难点) 1.6 浮动元素经 ...
计算机网页设计布局与排版研究,论计算机网页设计的布局与排版
王禹智摘要:网页设计是一种直观的视觉语言,需要对其进行布局与排版.虽然网页设计与平而设计之间存在一定的区别,但是其两者依然存在一定的相似之处,网页设计应该充分借鉴利用平而设计的原则与方法.网页设计 ...
常见的网页设计布局有哪些？优秀的网页设计都有的8个特点
网页布局在很大程度上决定了网站的用户如何和网页内容进行交互,好的网页设计具有很强的实用性和适应性,在进行网页设计时的更应该遵循网页布局的最佳实践效果,给观者带来最前沿最全新的网页体验,接下来一起来看看 ...
响应式网页的布局设计
值得收藏的14款响应式前端开发框架作为今年大热的设计趋势,响应式已然是设计师的标配技能.今天阿里的同学从响应式设计的布局类型.布局实现两方面深入讲解,有哪些实现布局的方式,该采用何种方式,都有相当专 ...
网站设计的思考网页版面布局的原理
设计首页的第一步是设计版面布局.就象传统的报刊杂志编辑一样, 我们将网页看作一张报纸,一本杂志来进行排版布局.虽然动态网页技术的发展使得我们开始趋向于学习场景编剧,但是固定的网页版面设计基础依然是必 ...

【常见网页排版布局】

放在盒子里

【常见网页排版布局】相关推荐

最新文章

热门文章