doctype html
>
<
html
>
<
head
>
<
meta
charset
="utf-8"
/>
<
title
>無標題文件
title
>
<
style
>
p style
>
head
>
<
body
>
<
p>
static：物件遵循常規流。top，right，bottom，left等屬性不會被應用。
relative：
物件遵循常規流，並且參照自身在常規流中的位置通過top，right，bottom，left屬性進行偏移時不影響常規流中的任何元素。
absolute：物件脫離常規流，使用top，right，bottom，left等屬性進行絕對定位，盒子的偏移位置不影響常規流中的任何元素，其margin不與其他任何margin摺疊。fixed：物件脫離常規流，使用top，right，bottom，left等屬性以視窗為參考點進行定位，當出現滾動條時，物件不會隨著滾動。center：物件脫離常規流，使用top，right，bottom，left等屬性指定盒子的位置或尺寸大小。盒子在其包含容器垂直水平居中。盒子的偏移位置不影響常規流中的任何元素，其margin不與其他任何margin摺疊。（css3）page：盒子的位置計算參照absolute。盒子在分頁**或者區域塊內，盒子的包含塊始終是初始包含塊，否則取決於每個absolute模式。（css3）
sticky： 物件在常態時遵循常規流。它就像是 relative 和 fixed
的合體，當在螢幕中時按常規流排版，當捲動到螢幕外時則表現如fixed。該屬性的表現是現實中你見到的吸附效果。（css3）*
css3新增屬性可能存在描述錯誤及變更，僅供參考，持續更新
p>
body
>
html
>
CSS3新特性學習（2）
1.2d轉換之移動translate 類似定位 1.語法 transform translate x,y transform translatex n transform translatey n 2.重點 1.定義2d轉換中的移動沿著x和y移動元素 2.translate最大的優點，不會影響到其他...
CSS3有哪些新特性？CSS3新特性詳解
本篇文章給大家帶來的內容是關於css3有哪些新特性？css3新特性詳解，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。新增選擇器 p nth child n 彈性盒模型 display flex 多列布局 column count 5 查詢 media max width 480px...
CSS3新特性總結
1.屬性選擇器 常用的簡單歸納下 attribute value 用於選取帶有指定屬性和值的元素。title w3school attribute value 包含指定詞彙的元素。後代選擇器 title hello attribute value 用於選取帶有以指定值開頭的屬性值的元素，該值必須是整...