position
瀏覽器核心及字首
包含框太窄,那麼其他浮動塊會自動向下移動,直到有足夠的空間
清除浮動的常用方式:
結尾處加空div標籤clear:both
浮動元素的父級div定義 偽元素::after
浮動元素的父級div定義overflow:hidden
浮動元素的父元素定高
css規定的規範,每乙個網頁元素都有乙個dispaly屬性,用於確定該元素的型別,每乙個元素都有預設的display屬性值,如div預設display屬性值為block,稱為塊級元素,span的dispaly屬性預設為inline,稱為行內元素
也就是說塊元素與行內元素是可以互相轉化的,通過display來控制
display常見屬性值:
none:隱藏物件
inline:指定物件為內聯元素
inline-block:指定物件為內聯塊元素(識別**之間的空白)
block:指定物件為塊元素
table-cell:指定物件作為**單元格
flex:彈性盒
none的隱藏不保留物理空間
visibili:hidden和opaci:0會保留物理空間
position屬性值描述
absolute
生成絕對定位的元素
fixed
固定定位
relatuve
相對定位
static
預設值static一般用於去除定位
relativ相對自己偏移 通過偏移改變位置,但是原來的物理位置還被佔據
absoluted:相對於整個瀏覽器偏移,發生邊偏移不再占有空間
fixed:元素框的表現類似於將 position 設定為 absolute,不過其包含塊是視窗本身。
針對瀏覽器核心css字首也有不同
核心字首
瀏覽器gecko核心
-moz-
火狐瀏覽器
webkit核心
-webkit-
chrome瀏覽器最先開發
trident核心
-ms-
iepresto核心
-o-opera使用
CSS 基礎知識
選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...
CSS基礎知識
css規則有兩個主要的部分組成 選擇器,以及一條或者多條宣告h1 css內部的注釋以 開始,以 結束p id選擇器,通過 來選擇html元素 username class選擇器,通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...
css基礎知識
css基礎 id選擇器 用 定義 結合div class選擇器 用.定義 結合div 背景 background color 背景色 background image 背景影象 background repeat 背景重複 background position 位置 background atta...