如何理解CSS中display属性

 时间:2024-10-13 07:22:36

1、none这个值表示此元素将不被显示。比如,当我们在浏览网页时,如果看到了某个烦人的广告遮挡了我们的实现,更为可气的是,它还没有关闭的选项,这时(以chrome为例),我们就可以按下F12,打开开发者工具,点击element,然后使用左上角的选择工具选中想要删除的广告,可以看到element中会有高亮的一行或几行代码,右键,点击Add Attribute,然后输入:style="display:none",这时就可以发现广告不见啦! 当然display:none的用法绝不是专门用于这里的,它还可以用于二级下拉菜单的制作中将二级下拉菜单先设置位display:none;,当鼠标滑过一级菜单时,再显示出来

2、display:block;之后, 此元素将显示为块级元素,此元素前后会带有换行符。我们先来回顾以下块级元素是什么,他有什么特点。  既然要区分块级元素和行内元素,就得先说说标准文档流了。标准文档流:简称标准流,指的是在不使用其他的与排列和定位相关的css规则时,各种元素的排列规则。于是,我们将“各种元素”分为块级元素和行内元素。

3、块级元素特点:总是以一个块的形式表现出来,占领一整行。若干同级块元素会从上之下依鸱远忡绑次排列(使用float属性除外)。可以设置高度、宽度、各个方向外补丁(margin)以及各个方向的内补丁(padding)。当宽度(width)缺省时,它的宽度时其容器的100%,除非我们给它设定了固定的宽度。块级元素中可以容纳其他块级元素或行内元素。常见的块级元素由<p><div><h1><li>等等。块级元素的display属性值默认为block。行内元素特点:它不会单独占据一整行,而是只占领自身的宽度和高度所在的空间。若干同级行内元素会从左到右(即某个行内元素可以和其他行内元素共处一行),从上到下依次排列。行内元素不可以设置高度、宽度,其高度一般由其字体的大小来决定,其宽度由内容的长度控制。行内元素只能设置左右的margin值和左右的padding值,而不能设置上下的margin值和上下的padding值。因此我们可以通过设置左右的padding值来改变行内元素的宽度。常见的行内元素由<a><em><img>等等。行内元素一般不可以包含块级元素。块级元素的display属性值默认为inline。

  • 广告策划文案怎么写
  • 澳门风云3高清电影完整版怎么在线观看、下载?
  • 起了湿疹很痒怎么办
  • 切东西的小妙招
  • 思维导图解密人的五感一想
  • 热门搜索
    安全主题手抄报 初一数学手抄报图片 海洋手抄报内容 初中数学手抄报图片 轻声慢步手抄报内容 法律知识手抄报资料 小学生春节手抄报大全 有关数学的手抄报 错别字手抄报 我爱祖国手抄报资料