>  기사  >  웹 프론트엔드  >  HTML에서

태그의 사용법과 정의

HTML에서
태그의 사용법과 정의

黄舟
黄舟원래의
2017-06-21 14:50:313970검색

定义和用法:

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

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

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

用法:

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

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

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

提示和注释:

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

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

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>

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

dc6dce4a544fdca2df29d5ac0ea9906b16b28748ea4df4d9c2150843fecfba68
DIV를 순수한 상자라고 생각하세요...속성이 없습니다...
기본 너비는 100%입니다
높이 0
DIV의 내용에 따라 높이가 높아집니다
CSS에서도 사용할 수 있습니다 너비와 높이를 설정하세요...
DIV는 일반적인 태그입니다. P UL LI와 같은 태그는 DIV로 수행할 수 있습니다...
모두 DIV+CSS를 기반으로 구성됩니다...


위 내용은 HTML에서

태그의 사용법과 정의의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.