编程笔记 html5&css&js 044 CSS显示

编程笔记 html5&css&js 044 CSS显示

  • 一、display 属性
  • 二、块级元素(block element)
  • 三、行内元素(inline element)
  • 四、disply属性设置
    • (一)Display: none;
    • (二)覆盖默认的 Display 值
    • (三)隐藏元素 - display:none 还是 visibility:hidden?
  • 五、disply属性的值
    • 六、练习
  • 小结

CSS 布局 - display 属性。display 属性是用于控制布局的最重要的 CSS 属性。

一、display 属性

display 属性规定是否/如何显示元素。每个 HTML 元素都有一个默认的 display 值,具体取决于它的元素类型。大多数元素的默认 display 值为 block 或 inline。

二、块级元素(block element)

块级元素总是从新行开始,并占据可用的全部宽度(尽可能向左和向右伸展)。
这个

元素属于块级元素。
块级元素的一些例子:

-

三、行内元素(inline element)

内联元素不从新行开始,仅占用所需的宽度。
这是段落中的行内 元素。
行内元素的一些例子:




四、disply属性设置

(一)Display: none;

display: none; 通常与 JavaScript 一起使用,以隐藏和显示元素,而无需删除和重新创建它们。如果您想知道如何实现此目标,请查看本页面上的最后一个实例。
默认情况下,

你可能感兴趣的:(#,html5,css3,javascript,少年工程师)