一些写页面的小技巧

这是我自己在平时写页面的一些小技巧，希望对阅读的你有所帮助。

1，改变hr的颜色的方法：

---

2，去掉li的最后一个margin值或者border值，给最后一个li命名一个名字，覆盖之前的值就可以了。

3，不能调整margin值或者是padding值时，给父元素加overflow：hidden，或者给父元素加个高度或者是border值。

4，添加背景图片：给要添加背景图片的元素前（例如：a 行内元素）加一个i标签或者其他行内标签，把宽高设置成和图片一样大小，然后在加一个background-position：0,0。调整位置。

5，list-style：disc  默认实心圆

                      none 空

                      circle 空心圆

                      square 实心方块

                      decimal 数字

                      lower-latin 小写字母

                      upper-latin 大写字母

6，text-decretion：no 无

                               underline 下划线

                               overline 上划线

                               line-through 删除线

7， border-style：solid 实线

                            dashed 虚线

8，隐藏方法：visibility：visible 可见  位置在

                       vsibility：hidden 隐藏 位置在

                      display：none；隐藏 位置不在

                      display：block；显示位置在

9，透明度： rgb（）只是背景颜色透明

                     opcity 元素都透明  取值（0-1)

                        filter（滤镜 优化ie低版本）：alpha（opcity= ）取值（0——100）整数

10，如果图片超出，可用overflow：hidden

11，pc端，全屏显示出现滚动条，可设置一个最小宽度min-width：

12，如果想给一个元素命名class  同时命名两个，可以在中间加空格，例如：class=“text nav”

13，块级元素居中：margin：0 auto；

position：relative；实现层与层之间的关系

14，处置调整：在table中，想把一列内容居中，用vertical-align：Middle；不管用时：例如：有一个导航菜单，他的高度是2em，如果你插入这个命令，他不会执行，并且会把文字放到顶端，这是你把盒子的行高调成一样就可以了。

15，注意选择器的权重问题，如果设置的内容在页面中不显示，选择器权重不够

16,input框里想出现小箭头，type类型为number类型

17,卷去的距离没有单位，可以直接做加法运算

18，overflow：auto；出现滚动条

19，如果加给元素加border的话，不想宽度增加，可以加一个box-sizing = border-box ；

20，图片是背景元素的时候，图片不居中，可以加一个vertical-align = middle；

21，如果给你的元素添加marggin值或者是padding值添加不上，可以给父元素添加overflow = hidden就可以了。

22，鼠标形状的改变：

      手形：cursor:pointer；

      问号：cursor:help； 

      工字型：cursor：text；

      等待的效果：cursor：wait

      向右的箭头：cursor：e-resize

      向左的箭头cursor：w-resize

      向下的箭头cursor：s-resize

      向上的箭头cursor：n-resize

      默认的效果：cursor：default

      自动：cursor：auto