HTML CSS样式题目问题

请看我的代码:<html> <head> <title>修饰贵美商城网站商品分类页</title> <style type="text/css"> h3{ letter-spacing:10px; text-decoration:underline; } #list{ width:200px; height:280px; background:url(myhtml.html/bg.gif) no-repeat; } li{ line-height:15px; font-size:12px; color:blue; list-style:none; line-height:25px; } .list-li{list-style:none;float:left; width:50px;} .list-class{font:15px;color:#ff7300;line-height:35px;} .gaodu{line-height:10px;text-decoration:underline;} </style> </head> <body> <h3>你好!欢饮访问贵美商城!</h3> <div id="list"> <ul class="gaodu"></ul> <ul> <li class="list-class">家用电器</li> <li class="list-li">大家电</li> <li class="list-li">洗衣机</li> <li class="list-li">电冰箱</li> <li class="list-li">相机</li> <li class="list-li">电视</li> <li class="list-li">DVD</li> <li class="list-li">相机</li> <li class="list-li">电视</li> <li class="list-li">DVD</li> </ul> <ul> <li class="list-class">日常百货</li> <li class="list-li">肥皂</li> <li class="list-li">洗衣粉</li> <li class="list-li">纸巾</li> <li class="list-li">洗发水</li> <li class="list-li">洗洁精</li> <li class="list-li">毛巾</li> <li class="list-li">相机</li> <li class="list-li">电视</li> <li>DVD</li> </ul> </div> <body></html>我的问题1:问什么.list-li{list-style:none;float:left; width:50px;}里的属性 放在 li{}里面没有实效呢? 2.为什么 .list-class{font:15px;color:#ff7300;line-height:35px;}非点类名里list-class非要写class才行,我换其他的类名就不行了。 3.怎么让“家用电器”退两行。我用 .gaodu{line-height:10px;text-decoration:underline;} 然后应用的地方是<ul class="gaodu"></ul>可是就是没反应也没变化。 请帮忙看下哪里出了问题补上图片 图片中“家用电器”要向下移
2026年09月27日 01:41
有3个网友回答
网友(1):

有没有试过把选择器里的那个横杠去掉?
不推荐用这样的命名方法

第三个所谓的退两行是什么意思?

给.list-class加个padding-top。css的属性那么多,多试一试总会出来想要的效果的

网友(2):

.gaodu ul{margin-top:15px;}
或者 .gaodu ul{ padding-top:15px}

网友(3):

1、2没问题的,3:text-indent: -2pc;