CSS Positioning
来源:互联网 发布:打击网络谣言法律依据 编辑:程序博客网 时间:2024/06/04 19:21
1. Positioning Property
block:This makes the element a block box. It won't let anything sit next to it on the page! It takes up the full width.
inline-block: This makes the element a block box, but will allow other elements to sit next to it on the same line.
inline:This makes the element sit on the same line as another element, but without formatting it like a block. It only takes up as much width as it needs (not the whole line).
none:This makes the element and its content disappear from the page entirely!
2. Margin, Border, and Padding
- 2.1 Margin
margin: auto;
margin-top: top-var;
margin-right: right-var;
margin-bottom: bottom-var;
margin-left: left-var;
margin: top-var right-var bottom-var left-var;
- 2.2 Border
border: 4px solid #ff0000;
- 2.3 Padding
padding: top right bottom left.
3. Floats
float: left 与左边的elment无重叠
float: right 与右边的elment无重叠
float: both与上/下面的elment无重叠
4. Position
position:absolute : 定位到与父element位置的绝对距离
position:relative : 定位到与本身之前位置的绝对距离
position:fixed 位置固定不动
z-index: 设置element的堆叠顺序,值越大堆叠越在上面
(完)
- CSS Positioning
- CSS Positioning
- CSS Positioning
- CSS 定位 (Positioning)
- CSS 定位 (Positioning)
- CSS 定位 (Positioning)
- CSS 定位 (Positioning)浅析
- CSS 定位 (Positioning)
- css定位(positioning)
- CSS 定位 (Positioning)
- CSS 定位 (Positioning)浅析
- 10022---CSS Positioning(定位)
- <css 十>Positioning
- CSS 定位(Positioning)
- CSS-Positioning(定位)
- CSS Positioning(定位)
- CSS Positioning(定位)
- CSS-Positioning(定位)
- 从一台linux操作另一台的数据库
- Java Enum
- 进程控制理论<四>--消息队列和信号量
- android 中调用接口发送短信
- IME输入法编程心得
- CSS Positioning
- Entity Framework(EF)知识整理
- SwiFTP
- 黑马程序员_银行业务调度系统
- windows下Glib使用
- ActiveMQ分享(一)JMS简介
- C++ - 随机数生成器(random-number generator) 的 详解 及 代码
- 基础的选择排序
- linux可执行文件的内容分析工具nm objdump readelf ar ldd