记录css 学习过程中的problems：

1. 记录使用float：left；失效的原因：

2. 搜素框的颜色：outline：颜色。例：

3.制作如图字中间的竖杠 | ：例：

<span class="split"></span>

.split
{
    width: 1px;
    height: 20px;
    float: left;   
}

4.使用斜体标签（em）后，显示的字正常的方法：

<em style="font-style: normal">嘻嘻</em>

5.改变hr横线颜色：

默认的hr是一条灰色的一个像素的，通栏的实线。
说到颜色变化，大家首先想到的都是color，但是color一般都是针对字体颜色的，线条需要用background-color，但只更改背景颜色是不起作用的，还需要设置线条高度为1px；代码如下：

<hr class="line">

 .line
{
    background-color:orangered;
    width:90px;
    height:1px;
}