关于标签属性及display属性

1. a标签的属性href,titile,target是什么?title跟alt有什么区别?如何在先窗口打开链接?

  a标签的在html5中的属性:
  - download       值为:filename     规定被下载的超练级的目标。
  - href           值为:url              规定链接指向的页面的URL。
  - hreflang       值为:language_code     规定被链接文档的语言。
  - media          值为:media_query         规定被连接文档是为何种媒介/设备优化的。
  - rel            值为:text                  规定当前文档与被连接文档的关系。
  - target         值为: _blank     浏览器总在一个新打开、未命名的窗口中载入目标文档。
                          _parent   在父框架集中打开被链接文档。
                          _self     默认。在相同的框架中打开被链接文档。
                          _top      在整个窗口中打开被链接文档。
                          _framename  在指定的框架中打开被链接文档。

  - title   使用 title 属性,可以让鼠标悬停在超链接上的时候,显示该超链接的文字注释。

2 .display: none , visibility: hidden, opacity:0 有什么作用?有什么区别?

  display:none             使该元素消失丢失宽高,脱离文档流;浏览器不加载该元素。;
  visibility:none          隐藏该元素不丢失宽高,不脱离文档流,占位,浏览器加载该元素。
  opacity:0                透明度为零隐藏该元素不丢失宽高,不脱离文档流。占位,浏览器加载该元素。

 `注:文档流简单来说就是文档中显示对象所占的位置。` 

3. display:none;display:block;display:inline;display:inline-block;的区别和特性

1 display:none:(1)使该元素消失不显示,丢失宽高。(2)脱离文档流。(3)浏览器不加载该元素。

2 display:block:此元素将显示为块级元素,元素前后带有换行符。(1)默认独占一行。(2)没有宽度时默认撑满一行。(3)支持宽高(padding,margin)。(4)可包含块元素和内联元素。;

3 display:inline:默认。此元素会被显示为内联元素,元素前后没有换行符。(1)在同一行显示。(2)不支持宽高。内容撑起宽度。(3)支持左右padding;margin.不支持上下的padding;margin。 (4)不能容纳块元素。

4 display:inline-block:行内块元素。(1)块元素在一行显示。(2)行内元素支持宽高。(3)没有宽度的时候内容撑开宽度。(4)代码换行被解析。(5)ie6,7下不支持inline-block.

注:该版权归饥人谷__楠柒所有,如有装载请注明出处。

你可能感兴趣的:(关于标签属性及display属性)