Navigation 显示:无;和显示:块;在导航菜单中
我正在尝试更多地理解一些CSS编码。我借了一个导航栏。HTML代码如下所示:Navigation 显示:无;和显示:块;在导航菜单中,navigation,html-lists,css,Navigation,Html Lists,Css,我正在尝试更多地理解一些CSS编码。我借了一个导航栏。HTML代码如下所示: <ul> <li> <a href="">Business</a> <ul> <li><a href="#">sub menu item 1</a></li> <li><a hr
<ul>
<li>
<a href="">Business</a>
<ul>
<li><a href="#">sub menu item 1</a></li>
<li><a href="#">sub menu item 2</a></li>
</ul>
</li>
</ul>
我不明白一些显示标签。li ul{display:none;}
做什么
也
显示:块代码>这在我的代码(上面)中起什么作用?li ul{display:none;}将隐藏在li标记下定义的ul列表
li:hover ul{display:block;。}这将显示在li标签下定义的隐藏ul列表块li ul{display:none;}将隐藏在li标签下定义的ul列表
li:hover ul{display:block;。}这将显示在li标签下定义的隐藏ul列表块CSS display:none表示隐藏元素;显示:块表示显示元素
看看后代选择器-
就你而言
li ul { display: none; }
表示作为LIs子代的那些ULs将不显示(显示:无vs.显示:块)
换句话说,
<ul id='parentUL'>
<li id='childLI'>
<ul id='childUL'>
</ul>
</li>
</ul>
childUL将不会基于此CSS显示。CSS显示:无表示隐藏元素;显示:块表示显示元素
li ul { display: none; }
看看后代选择器-
就你而言
li ul { display: none; }
表示作为LIs子代的那些ULs将不显示(显示:无vs.显示:块)
换句话说,
<ul id='parentUL'>
<li id='childLI'>
<ul id='childUL'>
</ul>
</li>
</ul>
childUL将不会基于此CSS显示
li ul { display: none; }
将ul标记隐藏在li标记中
display: block;
这将显示为div或段落。(它将使其可见)
将ul标记隐藏在li标记中
display: block;
这将显示为div或段落。(它将使其可见)它只是在显示模式之间切换-元素在页面上的行为方式。正如您可能猜到的,none
意味着它根本不会显示。另外两种最常见的显示类型是inline
和block
内联元素是诸如
编辑:
我知道从技术上讲,
不是一个纯粹的内联元素。它确实以内联方式显示,但与传统的内联
元素不同,它可能具有一些块
属性,例如宽度或高度。实际上,它可能更像是一个内联块元素,但这是另一天的讨论 它只是在显示模式之间切换-元素在页面上的行为。正如您可能猜到的,none
意味着它根本不会显示。另外两种最常见的显示类型是inline
和block
内联元素是诸如
编辑:
我知道从技术上讲,
不是一个纯粹的内联元素。它确实以内联方式显示,但与传统的内联
元素不同,它可能具有一些块
属性,例如宽度或高度。实际上,它可能更像是一个内联块元素,但这是另一天的讨论 不是段落,它们是内联元素。显示:块元素不是内联元素。对于内联,您使用display:inline.Yes。div是块级元素。段落是内联元素。通过设置显示块,它将不会像普通段落一样显示。不是段落,它们是内联元素。显示:块元素不是内联元素。对于内联,您使用display:inline.Yes。div是块级元素。段落是内联元素。通过设置显示块,它将不会像普通段落一样显示。说明:display:block代码>不表示“显示元素”。它的意思是“显示为块元素”。在这种特殊情况下,您的语句是正确的,但是如果元素自然是内联的
、表格
或其他东西,那么如果您只使用显示:块代码>切换可见性。说明:显示:块代码>不表示“显示元素”。它的意思是“显示为块元素”。在这种特殊情况下,您的语句是正确的,但是如果元素自然是内联的
、表格
或其他东西,那么如果您只使用显示:块代码>切换可见性。