css基本

1.css实现表格隔行换色

例：伪类选择器奇数实现:odd

tbody tr:nth-child(odd){
            background-color: orangered;
        }

例：伪类选择器偶数实现：even

tbody tr:nth-child(even){
            background-color: indianred;
        }

1. 合并单元的边框：border-collapse：collapse；

1. 去除标签的轮廓：outline：none；

1. 禁止文本域大小随意拖动：resize：none；

1. :focus伪类，当元素获取焦点是 可以设置其样式

   例：.或#input:focus{
               background-color: indianred;
           }

   6.属性选择器

   例：重置样式的设置
   input[type=submit]{
       background-color: red;
       color:white;
       border-radius: 5px;
       letter-spacing: 5px;
   }

   7.轮廓样式

   outline-style属性指定轮廓的样式，并可设置如下值:

   dotted-定义点状的轮廓。 dashed -定义虚线的轮廓。

   solid-定义实线的轮廓。

   double-定义双线的轮廓。

   groove-定义3D凹槽轮廓。

   ridge -定义3D凸槽轮廓。

   inset-定义3D凹边轮廓。

   outset-定义3D凸边轮廓。

   none-定义无轮廓。 hidden-定义隐藏的轮廓。

   p.dotted { outline-style: dotted; }
   p.dashed { outline-style: dashed;}
   p. solid { outline-style: solid; }
   p.double { outline-style: double; }
   p.groove { outline-style: groove; }
   p.ridge { out7ine-style: ridge; }
   p.inset { outline-style: inset; }
   p.outset { outline-style: outset; }

   8.轮廓的宽度

   outline-width属性指定轮廓的宽度，并可设置如下值之—:

   thin (通常为1 px) medium（通常为3px).

   thick(通常为5px) 特定尺寸(以px、pt、 cm.em计)

   下例展示了一些不同宽度的轮廓:

   p.ex1 {
       outline-sty1e: solid;
       outline-color: red;
       outline-width: thin;
   }