CSS 显示+定位+浮动+布局 (5)

@TOC

显示

隐藏

隐藏可以用两种:

  1. visibility: hidden; :隐藏段落仍然占用空间。

:visibility: collapse; 对表格使用会隐藏该表格。

  1. display: none; :隐藏段落不占用空间。

display

内联元素不会换行,块状元素换行。

  1. display: inline; :变为内联元素。

  2. display:block; :变为块状元素。

  3. display:inline-block; :内联+块状元素。

定位

  1. position:absolute; :相对于最近的已定位父元素绝对位置,没有父元素则相对于<html>。

  2. position:fixed; :固定位置,即使窗口是滚动的它不会移动。

  3. position:relative; :相对于正常位置定位。

  4. position:static; :静态不受top,bottom,left,right影响。

  5. position:sticky; :基于用户的滚动位置来定位。粘性定位。

  6. position:inherit;

浮动

浮动(float):会使元素向左或向右移动,其周围的元素也会重新排列。

  1. float:left;

  2. float:right;

  3. float:none;

  4. float:inherit;

clear:指定不允许元素周围有浮动元素。

  1. clear:left;

  2. clear:right;

  3. clear:both;

  4. clear:none;

  5. clear:inherit;

布局(滚动条)

overflow:可以控制内容溢出元素框时在对应的元素区间内添加滚动条。

  1. visible:默认,内容不会被修剪,会呈现在元素框之外。

  2. hidden:内容会被修剪,并且其余内容是不可见的。

  3. scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余内容。

  4. auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

  5. inherit:规定应该从父元素继承overflow属性的值。

鼠标扫过样式

cursor
请添加图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值