1. 首頁
  2. 問答
  3. 我應該如何構造導航欄？

我應該如何構造導航欄？

2016-07-27 104 views
-2

我想創建這樣一個導航欄：我應該如何構造導航欄？

navigation bar

我將如何構建這樣的事情？顯然，應該有一個藍色背景的外部div。但是，孩子的元素呢？他們應該如何構建？謝謝。

來源

2016-07-27 Arrow

+1

您可以使用其中的任何一個。恐怕你問的問題太廣泛了。 – Blunderfest

+0

@Bunderunderst我不認爲這是一個廣泛的問題。他/她想知道什麼是最佳做法 –

+1

兩個元素相鄰佈局的最佳做法？簡短的回答，你可以使用任何一個，更長的回答將涉及即使使用任何一個，有很多方法實現被要求的外觀，並且他們取決於無數的因素。我想這是我的意見，這將基於觀點太:)。 – Blunderfest

回答

-1

要創建一個導航欄，你需要的東西，像這樣

* { 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 

 
nav { 
 
    background-color: blue; 
 
    color: white; 
 
    font-family: Arial; 
 
    padding: 30px 40px; 
 
} 
 

 
ul { 
 
    list-style-type: none; 
 
} 
 

 
li { 
 
    display: inline-block; 
 
    width: 49%; 
 
    text-align: right; 
 
} 
 

 
li.title { 
 
    text-align: left; 
 
}
<nav> 
 
    <ul> 
 
    <li class="title">Welcome to Our World</li> 
 
    <li>We Work Best</li> 
 
    </ul> 
 
</nav>

這一般會被認爲是構建一個導航欄的最常見的方式。

來源

2016-07-27 17:44:18

0

關於如何正確構建頁面沒有一般性的答案。有一些使用技術的通用標準，但最重要的是讓您的頁面正確呈現更重要，然後使用多少或哪種類型的元素。

例如，如果你想讓你的頁面自動調整大小，那麼你可能想要使用Divs或Tables。如果你希望你的文本不穿過整個頁面，你可能想要使用一個表，或者跨越...

我可以給你看一些對CSS的浮動引用......但即使在這種類型的例子你可以在div中創建div，它們是適合「品嚐」的樣式;或者你可以在跨度內使用跨度。

http://www.w3schools.com/css/css_float.asp

主要告誡這explination是企業環境通常具有通過廣告或營銷產生的風格指南，將決定eccomerse或客戶端存在的網站，以及數據是如何表示的。這通常會迫使你使用前例：Divs vs Spans。

來源

2016-07-27 17:44:28 Dethryl

+0

請給我更多的細節@ Dethryl – Arrow

+0

對不起，我在工作，沒有大量的空閒時間來建立一個工作代碼的例子......但是我能告訴你的是：http：// www。 w3schools.com/css/tryit.asp?filename=trycss_layout_float在這個例子中浮動...可以調整頁面的大小，而不會將對象「碰撞」到另一個對象中，這樣您就可以在移動設備上獲得自定義的查看體驗，並可以在PC網頁瀏覽器上使用同一頁面獲得完整的頁面體驗。嘗試使窗口變小，您將看到相應的文本和圖像調整。 – Dethryl

+0

上面評論中提到的效果可以通過Divs，Spans，Tables，Frames和其他HTML對象來實現。我個人最喜歡的是Divs，但正如我在原始答案中暗示的那樣，沒有一個「正確的方法」來做到這一點。並且以一種方式與另一種方式進行比較可能會降低差別，就像您需要輸入多少個字符一樣簡單...... – Dethryl

相關問題

 相關問題