如何使用CSS設計HTML樣式？

我都試過了，但我無法弄清楚如何風格這些元素：如何使用CSS設計HTML樣式？

<div class="tabs"> 
<ul class="tabsNavigation"> 
<li><a href="#tab1">Tab1</a></li> 
<li><a href="#tab2">Tab2</a></li> 
<li><a href="#tab3">Tab3</a></li> 
</ul>

我會怎麼做呢？

來源

2011-02-09 Sjmon

你可以顯示你有什麼？改變這一點比較容易 – 2011-02-09 23:30:58

你可以添加一些更多的細節來說明你想要達到的目標，到目前爲止你已經嘗試了什麼，還有什麼不適合你？ – DigiKev 2011-02-09 23:31:18

只是指

.tabs ul 
{ 
}

或

.tabs ul li 
{ 
}

來源

2011-02-09 23:31:51

Listamatic has many examples和a tutorial

來源

2011-02-09 23:31:05 Quentin

如果你想樣式列表本身，使用方法：

ul.tabsNavigation{}

，如果你想樣式各li，用途：

ul.tabsNavigation li{}

或鏈接？

ul.tabsNavigation a{}

來源

2011-02-09 23:31:21 JCOC611

.tabs>ul>li{ /* your style */ }

或

.tabsNavigation>li{ /* your style */ }

請記住，包括你的CSS樣式。

來源

2011-02-09 23:35:27 damienix

你想是什麼：對於類使用.className和ID的使用#idName

.className { 
style: property; 
} 

#idName { 
style: property; 
}

這裏就是你們的榜樣的的jsfiddle：

http://jsfiddle.net/Mutant_Tractor/aXdJ9/1/

來源

2011-02-09 23:37:18

你可以做內聯樣式或使用一個css文件來定義你的樣式。內聯樣式的您可以執行以下操作。這將使div選項卡呈現紅色背景。

<div class="tabs" style="background:red;"> 
<ul class="tabsNavigation"> 
<li><a href="#tab1">Tab1</a></li> 
<li><a href="#tab2">Tab2</a></li> 
<li><a href="#tab3">Tab3</a></li> 
</ul>

如果你想在一個CSS文件來定義你的風格，那麼你可以參考CSS文件在HTML文件中像這樣

<link href="css/yourfile.css" rel="Stylesheet" type="text/css" />

在你的HTML標籤定義CSS類：

<ul class="tabsNavigation">

然後在你的CSS文件，你會怎麼做

.tabsNavigation{ 
background:red; 
border:1px solid blue; 
width:400px; 
height:300px; 
}

來源

2011-02-10 02:31:02 Hussein

使用運算符「>」（緊隨其後），可以防止樣式應用於使用基於html的結構中的元素。示例：如果其他DIV，LI這些將不會更改其樣式。

DIV.tabs { 

} 
DIV.tabs > .tabsNavigation { 

} 
DIV.tabs > .tabsNavigation > LI { 

} 
DIV.tabs > .tabsNavigation > LI > a { 

}

謝謝。

來源

2011-10-23 16:31:20 HelperUDI

如何使用CSS設計HTML樣式？

回答

相關問題