css筆記 定位的分類

2022-07-29 18:45:09 字數 528 閱讀 6565

使用定位可以將元素擺放到任意位置

分類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.在這種情況下,這個框稱為無名塊框,因為它不與...