使用定位可以將元素擺放到任意位置
分類1、預設的定位
塊元素垂直排列,行內元素左右排列,稱之為流
流:元素有序排列而形成的隊伍
特殊的定位
浮動定位:可以讓塊元素左右排列
分類:左浮動,右浮動
步驟:浮動的目標離隊,目標的弟弟會跟上,目標達到指定位置
規則:目標會脫離流(隊伍)
右浮動:可以讓塊倒序左右排列。
相對定位:可以讓元素以自己為目標產生微小的漂移
絕對定位:可以讓元素以父親為目標產生很大的漂移
固定定位:可以讓元素以視窗為目標產生巨大的漂移
後三種定位都是以某元素為目標產生漂移
下劃線:text-decoration: underline;
首行縮排:text-indent: 2em;
行高:line-height: 1.6em;
邊框合併:border-collapse:collapse;
/*獎滑鼠形狀設定為手形*/
.data input:hover
CSS定位筆記
相對定位沒有脫離文件流 相對定位相對於自身的位置定位 相對定位提公升乙個層級 會遮擋低層級的元素 相對定位不會改變元素的性質 塊級元素還是塊級元素,內聯元素還是內聯元素 絕對定位會脫離文件流 絕對定位相對於離其最近開啟定位的祖先元素位置定位 如果祖先元素沒有開啟定位,則會相對於瀏覽器視窗定位 絕對定...
CSS學習筆記 CSS的定位問題
學習css 布局的時候,對 position 的認識一直不是很清晰,以致於面試的時候回答的不清楚,現在好好的梳理一下這個問題。css 有三種基本的定位機制 1.普通流 2.浮動 3.絕對定位 1.普通流 除非專門指定,否則所有框 div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一...
CSS定位學習筆記
僅僅是自己對著w3cschool整理的一些 css 基礎知識點,敲一遍加深下印象也方便以後複習。一切皆為框 與之相反,span 和strong 等元素稱為行內元素,這意味著他們的內容顯示在行內,即 行內框 some text some more text.在這種情況下,這個框稱為無名塊框,因為它不與...