爲首頁標籤設計一個CSS元素

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2"> 
    <span class="sr-only">Toggle navigation</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
</button> 
</div> 
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2"> 
    <ul class="nav navbar-nav"> 
     <li class="active"> 
      <a itemprop="url" href="/"> 
       <span itemprop="name">Home</span> 
      </a> 
     </li> 
     <li> 
      <a itemprop="url" href="playing-cards-quote.php"> 
       <span itemprop="name">Quote Form</span></a></li><li><a itemprop="url" href="custom-playing-cards.php"> 
       <span itemprop="name">Custom Playing Cards</span> 
      </a> 
     </li> 
     <li> 
      <a itemprop="url" href="promotional-playing-cards.php"> 
       <span itemprop="name">Promotional Playing Cards</span> 
      </a> 
     </li>

我對bootstrap，CSS和HTML很新穎。 Bootstrap對我來說非常混亂。 HOME標籤可能是一個可能的CSS設計？根據我的說法是：爲首頁標籤設計一個CSS元素

.navbar-default .navbar-nav li a { }

這是正確與否？如果不對，請糾正我。

還建議一些很好的網站和書籍來學習CSS和bootstrap。

CSS通過引導放置的方式是什麼？如何使用bootstrap設計CSS？我知道一點CSS，但沒有引導。

最後請幫我用這段代碼設計一個CSS Home標籤。

來源

2017-02-10 Deepak Singh

http://www.w3schools.com/bootstrap/default.asp – prasanth

@prasad我知道這個網站亞爾...請提供我提供的代碼的輸出.....所有的世界知道w3school網站 –

您要查找的術語是「選擇器」，如「我使用什麼選擇器選擇主頁選項卡」 - 意思是如何選擇該節點。「設計」將是爲該節點定義的樣式，例如寬度，高度，顏色等。

在這種情況下，您的選擇器將是.active span{/*styles*/}您不必通過CSS的每個級別選擇前一個答案顯示 - 它會自動找到匹配的任何級別的兒童。

來源

2017-02-10 14:17:05

我認爲它可能是.active .span {/ * styles * /}？ –

@DeepakSingh號碼'。'運算符用於選擇類。跨度不是一個類，而是一種節點。你按照我的答案顯示輸入它們。 –

爲首頁標籤設計一個CSS元素

回答

相關問題