2012-03-28 54 views
0

我可以在960網格系統中使用精靈圖像嗎?如果是,那麼如何管理一個具有網格寬度的特定精靈圖像的寬度。有人可以幫助我解決上述問題嗎?我可以在960網格系統中使用精靈圖像嗎?

+0

你能否認爲更具體。也許提供你計劃放置精靈的代碼的一些例子?從技術上講,你可以在任何你想要的地方放置一個精靈或任何元素。當你說精靈時,我假設你指的是這個。 http://www.w3schools.com/css/css_image_sprites.asp:請提供更多信息。謝謝。 – 2012-03-28 17:04:10

+0

是的克里斯Hollenbeck,你是對的。實際上我已經開始使用960網格系統,並且不知道如何使用它。所以我問我可以在網格系統中使用精靈圖像文件?任何人都可以幫助我如何使用960網格系統?因爲我感到困惑,如何在960.css的寬度和我的圖像寬度之間進行管理。任何簡單的教程或任何簡單的過程? – 2012-03-29 07:11:31

回答

0

使用960網格的過程相當簡單,標記的學習速度相當快。

請嘗試以下操作。

<section id="wrap" class="container_12"> 

    <header class="grid_12"> 
     <h1>This is your Header</h1> 
    </header> 

    <article class="grid_8"> 
     <h2>This is a content section</h2> 
    </article> 

    <aside class="grid_4"?> 
     <h3> this is a sidebar </h3> 
    </aside> 

    <footer class="grid_12"> 
     <p>this is the footer</p> 
    </footer> 

</section> <!--end wrap container - this container allows you to use the grid classes and creates your main column --> 

入住960的CSS,它將使意義上說,網格是你的容器的分割,從而grid_6將是container_12等寬度的一半 - grid_8會三分之二,A和grid_4將是一個第三,顯然,grid_12會佔用容器的全部寬度。

至於使用精靈,只需在CSS中查找用於包含元素的grid_類的寬度,如果您不使用其中一個類,那麼960不會干擾您使用精靈在所有。

相關問題