1.2 顯示效果
1.3 游標
2 列表
3 定位
3.2 定位方式
1.1.1 顯示方式
所有元素都可以顯示為框
塊級元素顯示為一塊內容——「塊框」，div、h1、p等；
行內元素顯示在行中——「行內框」，span、a等
可以使用display屬性來修改元素框的顯示方式
1.1.2 display屬性
取值display:none/block/inline/inline-bock;
none：元素無框，所有內容不再顯示，不占用文件空間;
block：讓行內元素表現出塊級元素特點，獨佔一行，可設定尺寸以及上下外邊距
inline：讓塊級元素表現出行內元素特點，多個元素一行顯示
inline-block：行內塊元素
table:元素表現和table一致，尺寸以內容為準，每個元素獨佔一行，允許修改尺寸
visibility屬性
屬性規定元素是否可見，取值：
visible：預設值，元素可見
hidden：元素不可見，依然佔據空間
hidden的元素依舊佔據html的空間，使用display屬性可以建立不佔據頁面空間的不可見元素opacity屬性
設定元素的不透明級別，value取值：
0.0(完全透明)~1.0(完全不透明)
opacity作用於元素，被修飾元素內部所有跟顏色相關的值都會被改變透明度，而rgba()只會改變某一顏色的透明度vertical-align屬性
設定內容的垂直對齊方式，在**和中使用；
對於行內塊級元素，如img可設定垂直對齊方式，定義行內元素的基線相對於該元素所在行的基線的垂直對齊
baseline：預設元素放置在父元素基線上；只能在img中使用，控制與兩邊文字垂直對齊方式
top：元素頂端與行中最高元素頂端對齊；
bottom：元素頂端與行中最低元素頂端對齊；
middle：父元素垂直居中
1.3.1 游標
游標會根據使用者的操作發生改變，滑鼠懸停在鏈結會顯示手形狀，懸停在文字區域會顯示i形狀，懸停在按鈕上會顯示箭頭；
使用cursor屬性指定顯示給使用者的滑鼠游標型別
1.3.2 cursor屬性
定義滑鼠指標放在元素邊界範圍內所用的游標形狀，取值：
default/pointer/crosshair/text/wait/help
箭頭/小手/準星+/大寫i/等待圓環/幫助 ?
list-style-type屬性用於控制列表項標誌的樣式：
有序列表：字母、數字、其他計數體系的符號，取值：
list-style-image屬性使用影象替換列表項的標記，取值為url(…)，指定影象作為有序或無序列表項的標誌
list-style-position控制列表標記的位置，取值：
outside：預設值，標記位於文字左側且在文字以外(元素邊框外)
inside：標記放置在文字以內
list-style用於控制列表項的樣式：
list-style: type url(影象url) position;
一般將list-style設定為none去除標誌
3.1.1 定義
3.1.2 定位屬性
將元素position屬性設定relative/absolute/fixed任意乙個值就是已定位元素屬性
說明position
規定元素定位型別，取值：static/relative/absolute/fixed
偏移屬性
top/bottom/left/right:value;，用於定義元素框的偏移位置
z-index
設定元素堆疊順序z-index: value;
float/clear
浮動定位屬性
使用position屬性和偏移屬性實現普通流定位、相對定位、絕對定位和固定定位；
使用float屬性實現浮動定位，其他屬性為輔助屬性
3.2.1 相對定位
3.2.2 絕對定位
3.2.3 固定定位
3.2.4 堆疊順序
浮動和相對定位可以混用，絕對定位會清除浮動屬性
CSS3 4 偽元素選擇器
a 重點 e before e after i.是乙個行內元素，需要轉換成塊 display block float position ii.必須新增content,哪怕不設定內容，也需要content iii.e after e before 在舊版本裡是偽類，在新版本裡是偽元素，新版本下e af...
web前端之CSS3（4） 過渡 動畫和多列
是指元素從一種樣式逐漸改變為另一種的效果。要實現這一點，必須規定兩項內容 指定的css屬性的值更改時效果會發生變化。乙個典型css屬性的變化是使用者滑鼠放在乙個元素上時。比如規定當滑鼠指標懸浮 hover 於元素 多項改變 要新增多個樣式的變換效果，新增的屬性由逗號分隔。過渡屬性 下表列出了所有的過...
css列表和定位
列表 1 列表項標識 屬性 list style type 取值 1 none 無標記 2 disc 3 circle 4 square 5 2 列表項影象 屬性 list style image 取值 url 3 列表項位置 屬性 list style position 取值 outside 預設...