2019-04-18

<style>
     /* 公共樣式 */
     *{
        margin:0;/*外邊距:0*/
        padding:0;/*內(nèi)邊距:0*/
     }
     li{
        list-style:none;/*設(shè)置列表屬性:無*//*去掉ul里默認(rèn)的點(diǎn)*/
     }
     a{
        text-decoration:none;/*文本裝飾效果:無*//*去掉a標(biāo)簽下劃線*/
     }
     .nav{
        width:1200px;/*寬:1200像素*/
        /* border:1px solid #000; */
        margin:20px auto;/*元素水平居中*/
     }
     /* 。nav清楚浮動 */
     .nav:after{/*偽元素*/
        content:"";/*內(nèi)容:空*/
        display:block;/*元素方式:塊元素*/
        clear:both;/*清楚浮動:兩端*/
     }
     .nav_logo,.nav_list{
        float:left;/*浮動:左*/
     }
     .nav_list{
        overflow:hidden;/*清除浮動*//*溢出:隱藏*/
        margin-left:88px;/*外邊距:左*/
        background:red;/*背景顏色:紅*/
        height:38px;/*高:38像素*/
        line-height:38px;/*設(shè)置行高*/

     }
     .nav_list>li{
        float:left;/*浮動:左*/
        width:165px;/*寬:165像素*/
        /* border:1px solid #000; */
        text-align:center;/*水平對齊方式:居中*/
     }
     .nav_list>li>a{
        color:#fff;/*顏色:#fff*/
     }
     /* 汽車列表 */
    .car{
        width:1200px;/*寬:1200像素*/
        margin:0 auto;/*外邊距:上下0 左右自動 *//*元素水平居中*/
        /* border:1px solid #000; */
        margin-top:50px;/*外邊距-上:50像素*/
    }
    /* 汽車標(biāo)題 */
    .car_title{
        text-align:center;/*文本-對齊:居中*/
    }
    .car_title>p{
        border:1px solid #000;/*邊框:1像素 實(shí)線 黑色*/
        width:50px;/*寬:50像素*/
        display:inline-block;/*控制一個元素的狀態(tài):行內(nèi)-塊元素*/
        margin-bottom:5px;/*外邊距-下:5像素*/
    }
    .car_title>i{
        font-weight:bold;/*字體屬性-字體粗細(xì):粗*/
        font-size:18px;/*字體屬性-字體大?。?8像素*/
    }
    /* 汽車列表 */
    .car_show>p,.car_show>ul{
        float:left;/*浮動:左*/
    }
    .car_show{
        margin-top:20px;/*外邊距-上:20像素*/
    }
    .car_show:after{/*偽元素*/
        content:"";/*內(nèi)容:空*/
        display:block;/*控制一個元素的狀態(tài):塊元素*/
        clear:both;/*清除浮動:兩端*/
    }
    .car_show>ul{
        overflow:hidden;/*溢出:隱藏*/
        border-top:1px solid #000;/*邊框-上:1像素 實(shí)線 黑色*/
        border-bottom:1px solid #000;/*邊框-下:1像素 實(shí)線 黑色*/
        width:900px;/*寬:900像素*/
    }
    .car_show>ul>li{
        float:left;/*浮動:左*/
        width:224px;/*寬:224像素*/
        text-align:center;/*文本-對齊:居中*/
        border-right:1px solid #000;/*邊框-右:1像素 實(shí)線 黑色*/
    }
    .car_show>ul>li>p{
        text-align:left;/*文本-對齊:左對齊*/
        padding-left:5px;/*內(nèi)邊距-左:5像素*/
        line-height:35px;/*設(shè)置行高:35像素*/
    }
    .car_show>ul>li>span{
        text-align:left;/*文本-對齊:左對齊*/
        padding-left:5px;/*內(nèi)邊距-左:5像素*/
        display:inline-block;/*控制一個元素的狀態(tài):行內(nèi)-塊元素*/
        width:100%;/*寬:百分之百*/
        color:red;/*顏色:紅*/
    }
    .car_show>ul>li:nth-child(5),
    .car_show>ul>li:nth-child(6),
    .car_show>ul>li:nth-child(7),
    .car_show>ul>li:last-child{ 
        padding-top:18px;/*內(nèi)邊距-上:18像素*/
    }
</style>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 說話不算數(shù)的人越來越多 我打開電視 沒看到你的同一時間再見 沒感到你的承諾 你說這樣那樣 就可以給我獎勵 然而呢 ...
    孟夏鐘云閱讀 161評論 0 0
  • 對,就是簡書一個彭小六曾經(jīng)也在里面成長了一年的那個拆書幫! 結(jié)識拆書幫是一個很偶然的機(jī)會。偶然在網(wǎng)上看到拆書活動的...
    5ed5375a00cc閱讀 887評論 2 3
  • 歡迎訪問我的個人博客網(wǎng)站:http://www.yanmin99.com/ 查看當(dāng)前系統(tǒng)
    IT教程閱讀 458評論 0 0

友情鏈接更多精彩內(nèi)容