Makampuni ya CSS - Barua za Kuelezea

Tukio: Makao mkuu

Makao mkuu wa vichwa

Makao mkuu wa mawingu


Makao mkuu

Makao mkuu ya kuelewa inahusishwa sana kwa kila tovuti.

Kwa kutumia CSS, unaweza kuwaambia mkono wa orodha wa HTML ya bila kidiria kuwa mkono wa kifungu wa kina.

Makao mkuu = orodha ya viungo

Makao mkuu inahitaji HTML ya kawaida kama msingi.

Kwenye matokeo yetu, tukitumia orodha ya HTML ya kawaida kumuea mkono wa kifungu.

Makao mkuwa kwa sababu ina viungo vya orodha, kwa hivyo kuitumia viungo vya <ul> na <li> vina maana makuu:

实例

<ul>
  <li><a href="index.asp">Home</a></li>
  
  • News
    • 
  
  • Contact
    • 
  
  • About
    •

    亲自试一试

    现在，从列表中删除项目符号以及外边距和内边距（填充）：

    实例

    ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

    亲自试一试

    例子解释：

    • list-style-type: none; - 删除项目符号。导航条不需要列表项标记。
    • 设置 margin: 0; 和 padding: 0; 删除浏览器的默认设置。

    上例中的代码是垂直和水平导航栏中使用的标准代码，您将在下一章中学习更多内容。