CSS 初印象【一】

大家好，强势回归！！！

今后的侧重都会在前端方面，我们的目标是什么？高级前端！！！（前路漫漫 no diss）

---

我是分割线，自我鼓励完，下面我们今天要分享的是关于 CSS 的二三事。

CSS 可以做出很美的布局，它的使用被人称之为简单，其实与非并没有这样的感觉，下面是与非最近在学习 css 源码的时候关注到的点，积累在这里。

1）overflow:hidden; 隐藏溢出，即超出高度和宽度的部分会隐藏掉。

2）z-index:100; 几个层叠的 css 根据这个值决定谁在最上层，参数值越大则在最上面。

3）white-space:pre; 设置如何处理元素内的空白。常用到的有 pre 和 nowrap 两个值。
pre：空白会被浏览器保留。
nowrap：文本不会换行，在同一行上继续，直到遇到 ‘br’ 标签。

4）cursor:default; 规定要显示的光标的类型（形状）。default 表示默认光标，通常是一个箭头；pointer 光标呈现为指示链接的指针（一只手）。

5）zoom:1; 解决 IE 问题的一个属性。允许扩大或缩小元素。

6）display:none; 此元素不会被显示，常用到的一句话。

7）!important; !important 的出现是为了让用户自己设置被执行语句的优先级。

8）content:”.”; 这个属性在我看来也很重要，在很多地方用到，与 :before 及 :after 伪元素配合使用，来插入生成内容。

9）border-collapse:collapse; border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是像在标准的 HTML 中那样分开显示。

10）clear:left; clear 属性规定元素的哪一侧不允许其他浮动元素。

11）letter-spacing:1px; 这个属性不常用到，是用来检索或设置对象中的文字之间的间隔。

12）filter:progid:DXImageTransform.Microsoft.gradient
(gradientType=0,startColorstr=’#FFE9E9E9’,endColorstr=’#00E9E9E9’);
这个很神奇，是为了产生一种自带滤镜渐变效果。语法如下：
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth)
enabled 表示可选项。设置或检索滤镜是否激活 ( true | false )。
true:：默认值。滤镜激活。
false：滤镜被禁止。
startColorStr：字符串(String)。设置或检索色彩渐变的开始颜色和透明度。
GradientType：整数值(Integer)。设置或检索色彩渐变的方向。1 是水平渐变，0 是垂直渐变。
EndColor：整数值(Integer)。设置或检索色彩渐变的结束颜色。

13）display:flex; 中文翻译为弹性布局，父级元素有 display:box; 属性之后。他的子元素里面加上 box-flex 属性。可以让子元素按照父元素的宽度进行一定比例的分占空间。

---

好啦我们今天的 css 初印象非常初级的部分就到这里了，与非希望下周会进阶。谢谢。