為什么這樣寫出不來效果呢
<html>
<head>
<meta?charset="utf-8"/>
<!--準備一個空白的HTML頁面，同時完成css?reset樣式?-->
<style>
*{margin:0;padding:0;}
<!--補充完整的樣式-->
.mycat{width:150px;border:1px?solid?#bbb;background-color:#eee;}
ul?li{list-style:none;height:31px;line-height:31px;border-bottom:1px?solid?#ddd;}
h3{font-size:14px;font-weight:400;}
</style>
</head>
<body>
<!--添加列表的結構-->
<div?class="mycat">
????<ul>
????????<li?class="cat-1">
????????????<i></i>
????????????<h3>服裝內衣</h3>
????????</li>
?????????<li?class="cat-2">
????????????<i></i>
????????????<h3>鞋包配飾</h3>
????????</li>
?????????<li?class="cat-3">
????????????<i></i>
????????????<h3>運動戶外</h3>
????????</li>
?????????<li?class="cat-4">
????????????<i></i>
????????????<h3>珠寶手表</h3>
????????</li>
?????????<li?class="cat-5">
????????????<i></i>
????????????<h3>手機數碼</h3>
????????</li>
?????????<li?class="cat-6">
????????????<i></i>
????????????<h3>家電辦公</h3>
????????</li>
?????????<li?class="cat-7">
????????????<i></i>
????????????<h3>護膚彩妝</h3>
????????</li>
?????????<li?class="cat-8">
????????????<i></i>
????????????<h3>母嬰用品</h3>
????????</li>
????</ul>
????
</div>
</body>
</html>為什么這樣寫出不來效果呢？
2015-08-03
你這是神坑啊，你的注釋錯啦<!--補充完整的樣式--> 你怎么在css里寫html的注釋咧，這怎么會有效果啊應該寫成/*補充完整的樣式*/
2015-08-03
<!--?效果出來了啊--> <html> <head> <!--?<meta?http-equiv="Content-Type"?content="text/html;charset=utf-8"?/>?--> <!--準備一個空白的HTML頁面，同時完成css?reset樣式?--> <style> *{ ????margin:0; ????padding:0; } .mycat{ ??width:150px; ??border:1px?solid?#bbb; ??background-color:#eee; ?} ul?li{ ?list-style:none; ?height:31px; ?line-height:31px; ?border-bottom:1px?solid?#ddd; ?} h3{ ??font-size:14px; ??font-weight:400; ?} </style> </head> <body> <!--添加列表的結構--> <div?class="mycat"> ????<ul> ????????<li?class="cat-1"> ????????????<i></i> ????????????<h3>服裝內衣</h3> ????????</li> ?????????<li?class="cat-2"> ????????????<i></i> ????????????<h3>鞋包配飾</h3> ????????</li> ?????????<li?class="cat-3"> ????????????<i></i> ????????????<h3>運動戶外</h3> ????????</li> ?????????<li?class="cat-4"> ????????????<i></i> ????????????<h3>珠寶手表</h3> ????????</li> ?????????<li?class="cat-5"> ????????????<i></i> ????????????<h3>手機數碼</h3> ????????</li> ?????????<li?class="cat-6"> ????????????<i></i> ????????????<h3>家電辦公</h3> ????????</li> ?????????<li?class="cat-7"> ????????????<i></i> ????????????<h3>護膚彩妝</h3> ????????</li> ?????????<li?class="cat-8"> ????????????<i></i> ????????????<h3>母嬰用品</h3> ????????</li> ????</ul> ????? </div> </body> </html>2015-08-03
你的是出現亂碼？
2015-08-03
是這效果嗎
2015-08-02
<style type="text/css"> ?//此處要寫明type
</style>