CSS 定位大全- float 與 position
float 常見區塊(block)元素標籤:div、ul li、p、h1 元素寬度預設會撐到最大,使其占滿整個容器 可以設定長寬/margin/padding,但仍會占滿一整行 常見行內(inline)元素標籤:span、a、input、img 元素可在同一行內呈現,圖片或文字均不換行,也不會影響其版面配置 不可設定長寬,元素的寬高由它的內容撐開 display: inline-block; inline 屬性但可以設定寬高、margin、padding 文繞圖效果(block 變成 inline) float: 浮動方向; clear: both;清除浮動 left(靠左浮動) right(靠右浮動) none(預設值,也就是不浮動) inherit(繼承自父層的屬..
更多CSS 選擇器
同輩 Syntax Mean Selector A, B A 跟 B h1, h2 A + B 緊接 A 後面的 B h1 + p A ~ B A 後面的所有 B h1 ~ p 父子 Syntax Mean Selector A a A 裡的所有 a(含子層/子子層…) p span A > a A 下一子層裡的 a(不含子子層) article>h2 偽類 如果同時定義<a>的四種偽類,一般狀況應依此順序指定a:link→a:visited→a:hover→a:active,不然會有樣式覆蓋的問題(除非特殊設計考量) Syntax Mean Selector :hover 游標移到時 a:hover :active..
更多