css、HTML制作小米商城网页（二）

一、快速导航搜索区

   input:（输入） button（按钮） :focus（选取获得焦点）

 float:（浮动）display: block;（显示块元素）display: none;（隐藏块元素）margin（外边距）

 :hover（悬浮变色）border（边框） line-height:（行高） padding（内边距）border-style（边框样式）

text-shadow: 1px 1px 1px  red(红);       阴影效果
                 可选值: 水平效果(必填)，垂直效果(必填)，模糊半径(选填)，颜色(选填)
 

代码：

 

        <header class="xzq">
                <div class="tbk">
                    <a href="#"  class="xmtp"><img src="./img/小米图标.png" alt=""></a>
                </div>
                <div class="cpl1">
                    <ul class="sj zfd">
                        <li class="Xiaomi"><a href="#">Xiaomi手机</a></li>
                        <div class="sjxlk">
                            <div class="sjxl">
                                <div class="cp tpkz ybk">
                                    <a href="#"><img src="./img/手机图片.PNG" alt=""></a>
                                </div>
                                <div class="cp ybk">
                                    <a href="#"><img src="./img/手机图片.PNG" alt=""></a>
                                </div>
                                <div class="cp y