css+div中div是什么啊,怎么用啊

如题所述

HTML <div> 标签

1、定义和用法

  <div> 可定义文档中的分区或节(division/section)。

  <div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

  如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。

 2、用法

  <div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

  不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。

  可以对同一个 <div> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。


3、实例

  文档中的一个部分会显示为绿色:

<div style="color:#00FF00">
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
</div>

4、浏览器支持

  所有主流浏览器都支持 <div> 标签。

5、HTML 与 XHTML 之间的差异

  在 HTML 4.01 中,div 元素的 "align" 属性不被赞成使用。

  在 XHTML 1.0 Strict DTD 中,div 元素的 "align" 属性不被支持。

6、提示和注释:

  注释:<div> 是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符。

  提示:请使用 <div> 元素来组合块级元素,这样就可以使用样式对它们进行格式化。

7、案例分析

<body>
 <h1>NEWS WEBSITE</h1>
  <p>some text. some text. some text...</p>
  ...
 <div class="news">
  <h2>News headline 1</h2>
  <p>some text. some text. some text...</p>
  ...
 </div>
 <div class="news">
  <h2>News headline 2</h2>
  <p>some text. some text. some text...</p>
  ...
 </div>
 ...
</body>

  案例释义:正如您看到的,上面这段 HTML 模拟了新闻网站的结构。其中的每个 div 把每条新闻的标题和摘要组合在一起,也就是说,div
为文档添加了额外的结构。同时,由于这些 div 属于同一类元素,所以可以使用 class="news" 对这些 div 进行标识,这么做不仅为
div 添加了合适的语义,而且便于进一步使用样式对 div 进行格式化,可谓一举两得。

8、可选的属性

9、标准属性

10、事件属性

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-08-01
DIV本身就是容器性质的,不但可以内嵌table还可以内嵌文本和其它的HTML代码;CSS是CascADIng style Sheets的简称,中文译作“层叠样式表单”,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者所有页数的网页的外观和格式。

Div+CSS标准具有以下优点:

1、因为采用CSS布局,不象表格布局充满各种各样的属性和数字,而且很多css文件通常是共用的,从而大大缩减页面代码,提高页面浏览速度。

2、结构清晰,对搜索引擎更加友好。更容易被搜索引擎收录,具备搜索引擎SEO的先天条件,配合优秀的内容和一些SEO处理,可以获得更好的网站排名。

3、兼容性更好,符合web标准规范的发展趋势,可以在几乎所有的浏览器上都可以使用,不会出现在不同的浏览器中效果差距很大的情况。

4、缩短改版时间,因为网站的布局都是通过外部的css文件来控制,只要简单的修改几个CSS文件就可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。

5、强大的字体控制和排版能力,CSS控制字体的能力比糟糕的FONT标签好多了,CSS不再需要用FONT标签或者透明的1px图片来控制标题、改变字体颜色、字体样式等等。

6、提高易用性,使用CSS可以结构化HTML,例如:p标签只用来控制段落,h1-h6标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。

7、更好的扩展性。你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint等。

8、更灵活控制页面布局,通常页面的下载是按照代码的排列顺序,而表格布局代码的排列代表从上向下,从左到右,无法改变。而通过CSS控制,您可以任意改变代码的排列顺序,比如将重要的右边内容先加载出来。

9、表现和内容相分离,干净利落,将设计部分剥离出来放在一个独立样式文件中,而网页主要来放置您的内容,你可以减少未来网页无效的可能。

10、更方便搜索引擎收录,并获得更高的评价。用只包含结构化内容的HTML代替嵌套的标签,主次分明,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。

11、Table表格布局灵活性不大,你只能遵循 table tr td 的格式。而div你可以 div ul li 也可以 ol li 还可以 ul li......

12、Table表格布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div 更能体现样式和结构相分离,结构的重构性强。

13.以前一些必须通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。本回答被网友采纳
第2个回答  2009-12-11
div使用了布局的,css是为这些div或者其他的html标签写样式的,好比一座大楼的架子是div架起来的,css是把他装饰成什么样子的,包括颜色内部样式的装修,等等。但是还有一点不同的就是,如果把所有的css删掉的话,那么你的所有的网页元素都会排列在左侧 ,这就说明,css同时还承担了左右布局这样的工作。div是骨骼,css是把骨骼架构起来的血肉经脉,呵呵,我的理解,希望对你能有帮助。只是这么想很难想通,只要一做,就知道了,我开始用的时候也不会,后来痛苦了一个礼拜之后就越来越熟悉了,都是一个这样的过程,祝你好运!本回答被提问者采纳
第3个回答  2009-12-10
CSS是样式表。DIV是一个标签
说通俗点,CSS可以控制DIV的外观。
如<div style="border:1px red solid">我的边框是红色</div>

css+div中div是什么啊,怎么用啊
<div>可定义文档中的分区或节(division\/section)。<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用id或class来标记<div>,那么该标签的作用会变得更加有效。?2、用法 <div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际...

网页设计中采用div+css布局,这里的DIV是什么意思?
网页设计中采用div+css布局,这里的DIV是什么意思? DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。 DIV在程式设计中又叫做整除,即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文件内大块(block-level)的内容提供结构和背景的元素。div+css-...

请问DlV+CSS中的DIV是什么
DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。 CSS单元的位置和层次-div标签 div接口=数字图像数据接口 我们都知道,在...

网页设计 DIV+CSS不懂里面的DIV 指什么
在html里面就是<div><\/div>标签。里面是你的需要用css控制的内容(可以是控件,表格,表单等)。div本身并没有什么作用,只是提供一个“盒子”,在css里面就可以对这个盒子里面的东西同一定制样式规则。比如你想把2个<form>弄成一个样式,只要把它们放在一个div里面,然后对div使用css就可以了。

div是什么意思?HTML和CSS中div标签怎么用
div就是样式表中的定位技术,div的全称就是division,有时候我们也习惯叫图层,在html中,div有很多属性,正式这些属性组成才会形成美观的板块。二:HTML和CSS中div标签怎么用 1.使用div,首先第一步打开记事本并输入基本的HTML结构,并且包含HTML内部的主体。2.将 div标签放在body标签内。你必须记住div是...

什么是DIV+CSS什么是DIV+CSSDI
div 就是html 语言标签元素,css 就是样式。 你看的网页就是div 做的。布局是div 比如 上面一块 下面一块 左边一块 使用div 。 按钮颜色啦 字体大小了 使用css 来做。举例: <div class="cls"> 菜单1<\/div> .cls{background:red;} 这样你就看到了网页样式了。

css中div的用法?
DIV本身就是容器性质的,不但可以内嵌table还可以内嵌文本和其它的HTML代码;CSS是CascADIngstyleSheets的简称,中文译作“层叠样式表单”,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,...

css div 是什么意思
CSS是一种用于网页设计的语言,它可以通过控制文本、图像、颜色等各种元素的样式来美化网页。其中,div是HTML中的一种标签,它用于创建容器,可以把其他HTML元素放在里面,然后通过CSS样式来控制它的外观和布局。div可以让我们更好地组织和排列网页内容,达到更好的阅读和视觉效果。div标签非常灵活,可以根据...

什么是DIV+CSS
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等...

到底什么是div+css设计网页啊?
DIV就是网页设计里面的层,CSS就是网页设计中用到的样式控制表,首先采用这种方法就是用层来布局用CSS来控制层的表现。也可以灵活的应用层来控制网页的一些效果!例如下面一个简单的DIV+CSS的网页代码:可以存为index.html:<html> <head> <title>这是一个简单的DIV+CSS控制的网页<\/title> <link ...

相似回答