CSS——显示框类型、溢出隐藏、透明度与鼠标手势、最小、最大宽高

一、显示框类型

　　display 属性规定元素应该生成的框的类型。

　　这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。

常见的值：
　　display:
　　　　block　　　　　　　　此元素将显示为块级元素，此元素前后会带有换行符。
　　　　inline　　　　　　　　默认。此元素会被显示为内联元素，元素前后没有换行符。
　　　　inline-block　　　　　　　　　行内块元素
　　　　none　　　　　　　　　　此元素不会被显示

　　　　 inherit　　　　　　　　　规定应该从父元素继承 display 属性的值。

　　　　   ...
　　display:none 与 visibility:hidden 隐藏的区别：
　　　　display:none 不占空间的隐藏
　　　　visibility:hidden 占空间的隐藏

二、溢出隐藏

　　overflow 属性规定当内容溢出元素框时发生的事情。这个属性定义溢出元素内容区的内容会如何处理。
　　overflow:
　　　　visible(默认)　　　　　　　　　　默认值。内容不会被修剪，会呈现在元素框之外。
　　　　hidden　　　　　　　　　　　　　　内容会被修剪，并且其余内容是不可见的。
　　　　auto　　　　　　　　　　　　 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
　　　　scroll　　　　　　　　　　　　内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

　　　　inherit　　　　　　　　　　　　　　规定应该从父元素继承 overflow 属性的值。
　　overflow-x(x轴)、overflow-y(y轴)针对两个轴分别设置.

　　注：如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。

三、透明度与手势
　　opacity:0(透明)~1(不透明)，0.5(半透明)
　　该属性占用空间，所有子内容也会应用效果
　　rgba:专为背景设置：background:rgba(255,255,255,0.5),最后一位就是选择透明度(0~1)
　　

　　cursor 属性规定要显示的光标的类型（形状）。

　　该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状

　　cursor: 　　　　　　　　　　　　
　　　　default　　　　　　　　　　     默认样式

　　　　  auto　　　　　　　　　　默认。浏览器设置的光标。

　　　　pointer　　　　　　　　光标呈现为指示链接的指针（一只手）

　　　　move　　　　　　　　　　此光标指示某对象可被移动。

　　　　text　　　　　　　　　　           此光标指示文本。

　　　　wait　　　　　　　　　此光标指示程序正忙（通常是一只表或沙漏）。

　　　　　　...
　　自定义鼠标样式：
　　　　(1)准备图片：.cur .ico
　　　　(2)cursor:url("./img/cursor.ico"),auto;

四、最小、最大宽高
　　最小、最大高度：　　min-height   max-height
　　最小、最大宽度：　　min-width  max-width 

　　　　%单位换算 -> 以父容器的大小进行换算
一个容器怎么适应屏幕的高：

html,body{
    height:100%;
}
.contrainer{
    height:100%;
}