<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>
2019-04-18
?著作權(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ù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 對,就是簡書一個彭小六曾經(jīng)也在里面成長了一年的那個拆書幫! 結(jié)識拆書幫是一個很偶然的機(jī)會。偶然在網(wǎng)上看到拆書活動的...
- 歡迎訪問我的個人博客網(wǎng)站:http://www.yanmin99.com/ 查看當(dāng)前系統(tǒng)