span跟section跟div差異

span跟div差異

span=同軸(同行文字用)
div=區塊
也就是說span是用來定義較小範圍，而div則是描述較大的區塊。
兩個span並列會顯示在同行，但兩個div並列則會自動換行
且div可以包含span，但是span不可以包div

section跟div差異

section=並不等於一般容器，section用於具有主題的群組內容，section代表的是章節、它可以代表的是一個欄位中不同的頁籤，或是一系列中帶有數字區分前後的區塊，像首頁被區分為介紹、最新消息聯絡資訊區塊等等。

div=(並不帶有多餘意義的)區塊

如果要用css來定義區塊視覺外觀，以撰寫div為優先(=不要把css寫在section上)

用純css編寫基礎的lightbox效果

晚點再打

圖片縮放與排列

每張圖片分隔成一個一個+

HTML:

<div class="container">
<img src="something.png" />
</div>

<div class="container">
<img src="something2.png" />
</div>
CSS:

.container {
    width: 200px;
    height: 120px;
}

/* resize images */
.container img {
    width: 100%;
    height: auto;
}