DIV和CSS結構

我有以下頁面結構DIV和CSS結構

<div id ="site-wrapper"> 
    <div id ="banner"> 

    <div id="menu"> 
     <center>Menu Goes Here</center> 
    </div> 

    </div> 

    <div id="content"> 
     <center>Content Goes here</center> 
    </div> 

    <div id="sidebar_r"> 
    <center>Right sidebar</center> 

    <div id="sidebar_top"> 
     Sidebar top 
    </div> 

    <div id="sidebar_middle"> 
     Sidebar middle 
    </div> 

    <div id="sidebar_bottom"> 
     Sidebar bottom 
    </div> 

    </div> 

</div>

如何組織的CSS。我已經使用所有的div的id有沒有更好的方法來做到這一點？

來源

2011-05-05 user544079

我猜你想讓我們爲你建立網站？你應該看看其他網站有類似的結構，然後firebug，如果你有Firefox或看源代碼。但是，divs比使用古老的表格方法更好。 – 2011-05-05 16:24:46

對於網站結構元素來說，Ids是很好的。 – DanielB 2011-05-05 16:25:16

好吧這些答案是非常好的網站的例子的CSS佈局和做法是非常反作用。不要告訴他們如何去做，並告訴他們如何學會如何去做。這也不是一個技術問題，值得投擲代碼。 – 2011-05-05 16:30:56

htmldog's css for beginner

來源

2011-05-05 16:24:33 mcgrailm

我建議用<span>標籤，而不是取代你的<center>標籤，然後應用在你的CSS一個text-align:center風格。至於構建你的CSS ...它取決於它應該看起來如何。你可以說得更詳細點嗎？

來源

2011-05-05 16:24:43

-1

在最簡單的，你需要使用方法是：

#sidebar_r { 
    float: right; 
}

來源

2011-05-05 16:26:09 davethegr8

下載其中的一些模板和學習他們如何建立自己的網站佈局：

http://www.freecsstemplates.org/

http://www.templatemonster.com/free-templates.php

來源

2011-05-05 16:28:11 MikeM

你可以同時使用ID和Class for css，但要記住一點，ID比class具有更好的特異性。因此，無論何時你用usi ng類，你可以一次使用多個類，但是如果你使用的是ID，那麼你可以使用一個ID.For更好的CSS寫入你的CSS後，通過W3C CSS驗證器驗證。要知道css特異性，請檢查此鏈接，並決定您的CSS將會是什麼。

http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

來源

2011-05-05 16:28:49 NewUser

看一看HTML5規範 - http://www.whatwg.org/specs/web-apps/current-work/multipage/

你可以利用的元素，如「頭」，「頁腳」，「導航」和「節」。這將減少你必須在你的CSS中設置的ID的數量，並使你的標記更加語義化。

此外，有大量的堆疊CSS選擇器將有一個性能影響。

關於你的問題！

爲例CSS結構可能是..

#menu center { ... } 
#sidebar_r center { ... }

儘量不要去狂贊

#site-wrapper #banner #menu center { ... }

你的CSS解析器有更多的工作，待辦事項和你的CSS變，如果你想重新命名難於管理說＃site-wrapper to #container。

我的經驗法則是..

用一個id，如果該元素是一個容器或僅出現一次。
如果元素出現多次，比如li，則使用一個類。使用標籤，我只使用一個id或一個類，如果它的要求。你可以隨時添加它。

來源

2011-05-05 16:42:11 iancrowther

回答

相關問題