在用CSS+div的网页设计中,所有的DIV都要设定宽度和高度吗?

作者&投稿:闽砖 (若有异议请与网页底部的电邮联系)
DIV+CSS布局时, 可以不设置DIV的高度和宽度吗?~

这个没有特别的做要求,你要根据你自己的页面整体布局来设置,还有根据div的特性来设置,div默认情况是宽度最大化(100%)、高度最小化,高度随着内容自动伸展;
一般情况做网页的话,大部分都是固定了总体框架宽度的,每个模块的宽度基本上也都是固定的,所以div需要设一下宽度,如果内容也是相对固定不变的,那么也可以设定高度
我现在是做系统软件的界面设计,需要软件的界面能够根据分辨率或者浏览器的宽度自动伸展,所以我一般布局的话大部分地方都是不设宽度的,最多设置一下最小宽度,防止总体框架的宽度过小导致布局的错位,而高度方面因为数据调用的问题会有数据多和数据少的时候,这样内容部分我就不会设定高度
我这里只是大概的给你说一下而已,事情是没有绝对的,你自己多多练习就能够了解了

一般情况下流程如下:
根据UI切图,从上到下
html代码也是从上到下
不需要先写每个div的宽和高
宽度一般可以固定,高度一般是用内容撑起来的
也就是说可以写宽度,高度自适应

建议先买本html+css的基础书籍看一下,边看边做,进步会很快的。

给所有的DIV设定宽度和高度不是必须的。
DIV是块级元素,默认的宽为100%,也就是你DIV外面的元素有多宽,DIV就是多宽。
DIV的高默认为内部元素的高,也就是DIV里面的元素有多高,DIV就是多高。当DIV里面的元素为浮动元素时候就会出现DIV高为0,所以这时候就得清除浮动。

DIV默认情况下是宽度100%,高度最小并自适应!所以设不设定高宽还要取决于你页面的布局情况,就比如“百度知道”提问的这个页面,根据页面需求宽度大部分都是固定的,而高度都是自适应的

不一定啊,连接后台程序的时候,数据是从后台调用的,但数据的数量又不是具体的,高度设死了,在浏览器方面有的也不能自适应。

不一定的,给出宽度、高度的div应用于某个框架,宽度可以是像素等,或是百分比

如果不给宽度、高度在布局的时候没有办法精确控制div层所在的位置(除了定位,就算定位也要给出宽度)

<div style="width:100px; height:80px; background:#077;;white-space:nowrap; overflow:hidden; ">在css+div网页布局中怎么实现一行文字的宽度和高度固定</div>


为什么程序员都用高级语言写程序而不是低级语言?
用计算机程序解决问题的核心是代码编写。可以通过不同的语言来实现计算机的同一功能,但在执行效率上则存在不同。普遍规律是:越高级的语言,其执行效率越低。这也是为什么汇编语言生成的文件比用VB语言生成文件普遍要小的原因。源代码作为软件的特殊部分,可能被包含在一个或多个文件中。一个程序不必用同...

css里的div指的是什么
使用DIV 的方法跟使用其他 tag 的方法一样: <DIV>This is a DIV tag .<\/DIV> 如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和使用 <P><\/P> 是一样的。 但当我们把 CSS-P 用到 DIV 中去以后,我么就可以严格设定它的位置。首先我们需要给这个可以被 CSS-P 控制的 DIV 一个 ID 或...

div的作用是什么?
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。当使用 CSS-P 的时候, 主要把它用在 DIV(division)tag 上。当把文字,图像,或其他的放在 DIV 中,它可称作为“...

利用html建立网页怎样利用div调整网页的尺寸?
小编整理了两种方法:方法一:使用CSS设置DIV的属性样式,比如居左,居右,居中。确定好位置,在调整它的width和height ,还可以调整它的top left 等属性。posation:solute。是绝对定位,可以拖动大小和位置来定位。方法二:一、 代码如下:div style=" overflow:scroll; width:400px; height:400px...

css 怎么实现 div水平居中 呢?
因为“text-align:center”控制的是文本居中,div居中可以用外边距margin来实现。1、新建html文件,在body标签中添加div标签,div标签中的内容为“演示文本”,添加题目中的css样式,为了方便演示,给div标签添加灰色背景,这时可以发现div靠近浏览器的左侧,文字在div中居中:2、为div标签添加新的外边距“...

div+css的使用
<link href="css.css" rel="stylesheet" type="text\/css" \/> <\/head> <body> <div class="abc"> <\/div> <\/body> <\/html> 上面就可以浏览看出页面有一个500X300的红色块了 class="abc"现在说明一下.和#号了 用.abc就用class="abc"用#abc就用id="abc"他们区别就是级别不一样,#号...

怎样用css只让div中的图片居中?
1、打开在线写前端代码的网站如jsrun或者jsfiddle。目2、标是做一个如图所示的效果,不同大小的图片。3、每个方框的html 如下,<div> <span> <img src='图片地址'> <\/img> <\/span> <\/div> 4、css如下,其中需要注意的是,不要设置最外层div的大小,只设置span的大小,让span的大小决定div的...

使用DIV+CSS 实现如下页面的布局,具体要求如下: (1) 使用绝对定位法实现...
<header>这是header<\/header> <div class="main"> <div class="sidebar">这是sidebar<\/div> <div class="content">这是content<\/div> <div class="clear"><\/div> <\/div> <footer>这是footer<\/footer><\/body><\/html>2使用浮动法实现 <!doctype html><html><head> ...

css使div里的内容垂直居中
以下是让div中的内容垂直居中的具体操作方法:1、首先我们准备好一个空的html结构的文档。2、接下来我们要准备的是准备一个div用来放内容了,这里为了显示特意给div设置了边框。3、接下来我们就在div中添加内容,如下图所示,运行后你会发现内容偏向于左上角。4、下面我们给div设置水平居中,如下图所示...

DIV+CSS布局常用的属性
有完善的地方也请跟贴完善。我认为用DIV+CSS来布局网站,最重要的是布局思路问题,不同的设计方案,设计的繁简大不一样。我着重框架或容器的通用性,设计出几种容器的样式,就象FS4中的标签样式,然后在需要的地方调用这个样式就行了,以达到通用性而不是专用性。、 希望 可以帮到你 ...

茂县17785313796: 网页设计采用div+css有什么好处 -
曲杰速平: 1.大大缩减页面代码,提高页面浏览速度,缩减带宽成本;2.结构清晰,容易被搜索引擎搜索到,天生优化了seo3.缩短改版时间.只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点.4.强大的字体控制和排版能力.CSS控...

茂县17785313796: 在用CSS+div的网页设计中,所有的DIV都要设定宽度和高度吗? -
曲杰速平: 给所有的DIV设定宽度和高度不是必须的. DIV是块级元素,默认的宽为100%,也就是你DIV外面的元素有多宽,DIV就是多宽. DIV的高默认为内部元素的高,也就是DIV里面的元素有多高,DIV就是多高.当DIV里面的元素为浮动元素时候就会出现DIV高为0,所以这时候就得清除浮动.

茂县17785313796: 用DIV+CSS做网页里要设置body和*各是规定哪些的 -
曲杰速平: 定义的内容就是 body 所包含的所有元素 一般包括 背景颜色、字体、字号、边框、行高等属性 * 就是对所有的元素 一般就设置 margin 和padding 或者 边框的值之类的body 和* 等 通用选择符和通配符的好处 就是 避免代码的重复书写啊 减少代码量 更改起来很方便

茂县17785313796: 网页设计CSS+DIV网站设计的缺陷是什么? -
曲杰速平: 尽管DIV+CSS具有一定的优势,不过现阶段CSS+DIV网站建设存在的问题也比较明显,主要表现在: 1、对于CSS的高度依赖使得网页设计变得比较复杂.相对于HTML4.0中的表格布局(table),CSS+DIV尽管不是高不可及,但至少要比表格...

茂县17785313796: 网页中div+css的好处 -
曲杰速平: CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制.只要对相应的代码做一些简单的修改,就可以改变同一页面的不...

茂县17785313796: 设计网页时DIV+CSS常见错误 -
曲杰速平: 用DIV+CSS来设计网页时的常见错误有:1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系.可以用dreamweaver的验证功能检查一下有无错误.2. 检查CSS是否正确 检查一下有无拼写错误、是...

茂县17785313796: div+CSS的命名规则? -
曲杰速平: css样式的类名或者相关的ID名也是需要一定的规则,这样有利于前台和后台的交互. 1、一般公司开发都是给技术员一本网站前端开发规范,里面详细的说明了各个命名的规则等相关的问题. 2、常见的人们约定的命名习惯为: 头:header ...

茂县17785313796: DIV+ CSS布局的优点是什么? -
曲杰速平: 优点: 1.CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码(其真正意义在于,增加了有效关键词占网页总代码的比重),因此使用CSS+DIV的web标准制作的网站具有...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网