Maison > interface Web > tutoriel HTML > Utilisation et définition de la balise
en HTML

Utilisation et définition de la balise
en HTML

黄舟
Libérer: 2017-06-21 14:50:31
original
4028 Les gens l'ont consulté

定义和用法:

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

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

如果用 id 或 class 来标记

,那么该标签的作用会变得更加有效。

用法:

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

不必为每一个

都加上类或 id,虽然这样做也有一定的好处。

可以对同一个

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

提示和注释:

注释:

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

提示:请使用

元素来组合块级元素,这样就可以使用样式对它们进行格式化。

div的属性
主要设置如下:
  overflow(溢出控制):visible(默认,可见)、auto(自动)、scroll(显示滚动条);
  width(宽度):数值;
  height(高度):数值;
  color(字体颜色):色彩代码;
  font-size(字体大小):数值;
  line-height(行高):数值;
  border(边框):宽度、类型和颜色,类型主要支持以下几种:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;
  font-weight(字体粗细):normal、bold、bolder、lighter;
  font-family(字体类型):Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆;
  background(背景颜色):色彩代码;
  scrollbar-base-color,scrollbar-face-color,scrollbar-track-color,scrollbar -darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar -3dlight-color,scrollbar-arrow-color(滚动条各部分的颜色):色彩代码;
  filter:chroma(COLOR=转换成透明的颜色)(chroma过滤器):色彩代码,该颜色将转换成透明效果;
  word-break(断字):normal(默认,正常断字)、keep-all(严格不断字)、break-all(严格断字);
  direction(文字方向):ltr(默认,从左向右)、rtl(从右向左)。
HTML中的Div分区属性
基本属性:width, height, left, top, background-color(当设置为transparent时表示透明)
2、定位属性:position: absolute/relative
absolute时,位置固定;relative时,位置会随着内容的实际情况进行浮动
3、显示属性:display: block/none
block为默认状态,表示显示;none为隐藏
4、优先属性:z-index:n
n表示一个整数(正负均可),有多个Div时n越大,则越靠前显示;
z-index可以理解为z轴的坐标(x,y轴控制左右、上下方位,z轴控制层叠div的前后方位)
只有用绝对定位(position:absolute)时,属性z-index才起作用;
未设置绝对定位(position:absolute)的div,其z-index永远为0;
未设定优先属性(z-index)的div,按照声明的顺序层叠,后声明的盖住先声明的,如果有两个Div属于父子关系,则子div覆盖父div;
5、透明属性:opacity:0.3;(firefox专用);filter:alpha(opacity=30)(IE专用)
两者一起用的时候就将两种主流浏览器都兼容了;上面例子是将Div的透明度设置为30%,可以看出两者的设置稍有不同;Div的文本与背景色均能被透明化!

div现在一般网页的布局都是使用的div+css来布局,
div的话,就是通过

<div>
    <div><p></p></div>
</div>
Copier après la connexion

div的嵌套使用来完成整个网页的布局,你可以将div理解成一个一个的块,然后在div块中写入P等等标签,然后再通过CSS来修饰就行了,如高度,宽度,背景。。。都是可以的


Considérez simplement DIV comme une pure boîte... elle n'a aucun attribut...
La largeur par défaut est de 100 %
Hauteur 0
La hauteur est basée sur le contenu de la hauteur DIV
Vous pouvez également définir la largeur et la hauteur en CSS....
DIV est une balise typique P UL LI et d'autres balises
peuvent être réalisées avec DIV...
Elles commencent toutes par. Formé à base de DIV + CSS...

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal