JavaShuo
欄目
標籤
css筆記 定位的分類
時間 2019-12-13
標籤
css
筆記
定位
分類
欄目
CSS
简体版
原文
原文鏈接
定位:解決元素擺放的問題
使用定位能夠將元素擺放到任意位置
分類
一、默認的定位
塊元素垂直排列,行內元素左右排列,稱之爲流
流:元素有序排列而造成的隊伍
特殊的定位
浮動定位:可讓塊元素左右排列
分類:左浮動,右浮動
步驟:浮動的目標離隊,目標的弟弟會跟上,目標達到指定位置
規則:目標會脫離流(隊伍)
右浮動:可讓塊倒序左右排列。
相對定位:可讓元素以本身爲目標產生微小的漂移
絕對定位:可讓元素以父親爲目標產生很大的漂移
固定定位:可讓元素以窗口爲目標產生巨大的漂移
後三種定位都是以某元素爲目標產生漂移
下劃線:text-decoration: underline;
首行縮進:text-indent: 2em;
行高:line-height: 1.6em;
邊框合併:border-collapse:collapse;
/*獎鼠標形狀設置爲手形*/
.data input:hover{
cursor: pointer;
}
相關文章
1.
CSS-13定位筆記
2.
css-day07筆記-CSS定位position
3.
《11.CSS佈局與定位》CSS筆記
4.
HTML與CSS的學習筆記 相對定位,絕對定位,固定定位,
5.
CSS學習筆記 -- Position(定位)
6.
【學習筆記】【appium webview】css定位
7.
CSS筆記(佈局與定位)
8.
CSS:定位分析
9.
【CSS學習筆記】絕對定位的父類參照物的肯定
10.
CSS學習筆記10 相對定位,絕對定位與固定定位
更多相關文章...
•
jQuery Mobile CSS 類
-
jQuery Mobile 教程
•
IP地址的格式和分類
-
TCP/IP教程
•
Tomcat學習筆記(史上最全tomcat學習筆記)
•
Kotlin學習(二)基本類型
相關標籤/搜索
css筆記(2)
css筆記
CSS筆記八
定位
我的筆記
分類
筆記JS/HTML/CSS
CSS學習筆記
筆記
我的Unity筆記
CSS
系統網絡
MyBatis教程
NoSQL教程
Redis教程
0
分享到微博
分享到微信
分享到QQ
每日一句
每一个你不满意的现在,都有一个你没有努力的曾经。
最新文章
1.
[最佳實踐]瞭解 Eolinker 如何助力遠程辦公
2.
katalon studio 安裝教程
3.
精通hibernate(harness hibernate oreilly)中的一個」錯誤「
4.
ECharts立體圓柱型
5.
零拷貝總結
6.
6 傳輸層
7.
Github協作圖想
8.
Cannot load 32-bit SWT libraries on 64-bit JVM
9.
IntelliJ IDEA 找其歷史版本
10.
Unity3D(二)遊戲對象及組件
本站公眾號
歡迎關注本站公眾號,獲取更多信息
相關文章
1.
CSS-13定位筆記
2.
css-day07筆記-CSS定位position
3.
《11.CSS佈局與定位》CSS筆記
4.
HTML與CSS的學習筆記 相對定位,絕對定位,固定定位,
5.
CSS學習筆記 -- Position(定位)
6.
【學習筆記】【appium webview】css定位
7.
CSS筆記(佈局與定位)
8.
CSS:定位分析
9.
【CSS學習筆記】絕對定位的父類參照物的肯定
10.
CSS學習筆記10 相對定位,絕對定位與固定定位
>>更多相關文章<<