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 相对定位,绝对定位与固定定位
>>更多相关文章<<