css属性的备忘录

在写html的过程中发现很多基础性的东西还是经常忘，因此开一篇博客为最基础基础的这些知识做一个备忘，尽快熟悉~~

overflow 属性

定义和用法：overflow 属性规定当内容溢出元素框时发生的事情。
可能的值：

今天使用时出现的情况是，在导航栏的制作过程中使用了hidden，即如果方框内容溢出，则溢出部分不会显示。自己写的时候并没有注意到这种情况，是看了别人的代码发现的~多多学习，应该要在写网页的过程中考虑到各种格式的问题并予以处置。
overflow:hidden 添加到 ul 元素,以防止 li 元素列表的外出。

white-space 属性

定义和用法：white-space 属性设置如何处理元素内的空白。
可能的值：

同样是在导航栏中应该注意的问题 white-space:nowrap 不换行。

text-overflow 属性

定义和用法：text-overflow 属性规定当文本溢出包含元素时发生的事情。
可能的值：

同样是处理导航栏中文字溢出的问题。

visibility 属性

定义和用法：visibility 属性规定元素是否可见。
*提示：即使不可见的元素也会占据页面上的空间。请使用 “display：none” 属性来创建不占据页面空间的不可见元素。
可能的值：

z-index 属性

定义和用法：z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
*注释：元素可拥有负的 z-index 属性值。
*注释： z-index 仅能在定位元素上奏效（例如 position:absolute;）！
*说明：该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。
可能的值：

opacity 属性

定义和用法：opacity 属性设置元素的不透明级别。
语法：

opacity: value|inherit;
filter:alpha(opacity=40);// 适用 IE8 及其更早版本 ，使用滤镜

可能的值：

这里的使用是在做提示工具箭头框的渐入渐出，代码如下：

.tooltip .tooltiptext {
    opacity: 0;
    transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
    opacity: 1;
}

transition 属性

定义和用法：transition 属性是一个简写属性，用于设置四个过渡属性：
transition-property
transition-duration
transition-timing-function
transition-delay
注释：请始终设置 transition-duration 属性，否则时长为 0，就不会产生过渡效果。
语法：

transition: property duration timing-function delay;

可能的值：

这里的使用同上一个opacity属性的代码。

:lang 选择器

定义和用法：:lang 选择器用于选取带有以指定值开头的 lang 属性的元素。

注释：该值必须是整个单词，即可是单独的，比如 lang=”en”，也可后跟连接符，比如 lang=”en-us”。

outline 属性

定义和用法：outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
注释：轮廓线不会占据空间，也不一定是矩形。
outline 简写属性在一个声明中设置所有的轮廓属性。
可以按顺序设置如下属性：

• outline-color
• outline-style
• outline-width

如果不设置其中的某个值，也不会出问题，比如 outline:solid #ff0000; 也是允许的。
可能的值：