关于html网页使用css设置显示效果相关笔记（比较简单）

显示

1.显示方式
1.什么是显示方式
决定了元素是以什么样的方式显示在网页中（块级/行内块/行内）
2.语法
属性：display
取值：
1.none
让元素不显示-隐藏
脱离文档流 - 不占用页面空间
2.block
将元素变成块级元素（*允许修改尺寸）
3.inline
将元素变成行内元素（*多个元素能够在一行内显示 ）
4.inline-block
将元素变成行内块元素

.one {
  background: #f00;
  outline: 5px solid #000;
  display: none; *隐藏元素
}

2.显示效果
1.可见属性
属性：visibility
取值：
1.visible
可见的 默认值
2.hidden
不可见的，未脱离文档流，但还占据页面空间。

.two {
  background: #0f0;
  outline: 5px solid #000;
  visibility: hidden;  *第二种隐藏元素方法  两种方法有区别，仔细看笔记
}

3.光标
作用：改变鼠标悬停在元素上时候鼠标的样子。
属性：cursor
取值：
1.default
2.pointer - 小手
3.text - I
4.crosshair - +
5.wait - 等待
6.help - 帮助

.three {
  background: #0ff;
  outline: 5px solid #000;
  cursor: pointer;  *小手
}