html中的UL li 的CSS应用区别
在DW中的ulli的区别例:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3....
在DW中的ul li的区别
例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
<!--
ul{
list-style-type:none;
}
li {float:left;padding:1px;border:#bfe081 solid 1px;background:url("http://img.baidu.com/img/iknow/sz.gif") no-repeat;}
-->
</style>
</head>
<body>
<ul>
<li>提问 </li>
<li>提问 </li>
</ul>
</body>
</html>
我想问一下
在去掉有序列表的前面的圈圈
不是用ul的属性吗?
但是我不明白
可不可以加到li 的上面
也就是
li {list-style-type:none;float:left;padding:1px;border:#bfe081 solid 1px;background:url("http://img.baidu.com/img/iknow/sz.gif") no-repeat;}
-->
把UL 的给删了可以吗!
我感觉是可以的?
麻烦解答一下。
那在FF中的兼容性怎么样! 展开
例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
<!--
ul{
list-style-type:none;
}
li {float:left;padding:1px;border:#bfe081 solid 1px;background:url("http://img.baidu.com/img/iknow/sz.gif") no-repeat;}
-->
</style>
</head>
<body>
<ul>
<li>提问 </li>
<li>提问 </li>
</ul>
</body>
</html>
我想问一下
在去掉有序列表的前面的圈圈
不是用ul的属性吗?
但是我不明白
可不可以加到li 的上面
也就是
li {list-style-type:none;float:left;padding:1px;border:#bfe081 solid 1px;background:url("http://img.baidu.com/img/iknow/sz.gif") no-repeat;}
-->
把UL 的给删了可以吗!
我感觉是可以的?
麻烦解答一下。
那在FF中的兼容性怎么样! 展开
5个回答
展开全部
当然可以删,包括li都可以删,看你是想实现什么效果了,需求不同,标签当然不同关键是你对html代码的熟练程度
我运行了一下你的代码 我想你需要的效果是如下吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
<!--
li {float:left;padding:1px; padding-left:18px;border:#bfe081 solid 1px;background:url("https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/sz.gif") no-repeat;}
-->
</style>
</head>
<body>
<li>提问 </li>
<li>提问 </li>
</body>
</html>
在li标签属性里加了个 padding-left:18px;
我运行了一下你的代码 我想你需要的效果是如下吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
<!--
li {float:left;padding:1px; padding-left:18px;border:#bfe081 solid 1px;background:url("https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/sz.gif") no-repeat;}
-->
</style>
</head>
<body>
<li>提问 </li>
<li>提问 </li>
</body>
</html>
在li标签属性里加了个 padding-left:18px;
展开全部
不可以删。你可以这样想ul相当于表格的tr,li相当于td。
你的样式写得没错。不过还要留点左内边距。那样文字才不会在前面的图标上。也就是padding-left:10px
你的样式写得没错。不过还要留点左内边距。那样文字才不会在前面的图标上。也就是padding-left:10px
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
right1wz
ul
li
a这句代码就已经代表.right1wz
ul
li
a:link,
.right1wz
ul
li
a:visited,
right1wz
ul
li
a:activer
这3个个属性了;
其实正规的写法是需要把a:link
a:visited
a:hover
a:activer
这四个属性依次都要写出来控制(它们四个的意思我想你知道的);最好不要直接控制直接控制a;
你CSS中的.right1wz
ul
li都可以写成.right1wz
li这两种写法都正确,但是你需要更精简那么就把能简写的地方简写掉吧
ul
li
a这句代码就已经代表.right1wz
ul
li
a:link,
.right1wz
ul
li
a:visited,
right1wz
ul
li
a:activer
这3个个属性了;
其实正规的写法是需要把a:link
a:visited
a:hover
a:activer
这四个属性依次都要写出来控制(它们四个的意思我想你知道的);最好不要直接控制直接控制a;
你CSS中的.right1wz
ul
li都可以写成.right1wz
li这两种写法都正确,但是你需要更精简那么就把能简写的地方简写掉吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
当然可以删,包括li都可以删,看你是想实现什么效果了,需求不同,标签当然不同关键是你对html代码的熟练程度
我运行了一下你的代码
我想你需要的效果是如下吧
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312"
/>
<title>无标题文档</title>
<style>
<!--
li
{float:left;padding:1px;
padding-left:18px;border:#bfe081
solid
1px;background:url("https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/sz.gif")
no-repeat;}
-->
</style>
</head>
<body>
<li>提问
</li>
<li>提问
</li>
</body>
</html>
在li标签属性里加了个
padding-left:18px;
我运行了一下你的代码
我想你需要的效果是如下吧
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312"
/>
<title>无标题文档</title>
<style>
<!--
li
{float:left;padding:1px;
padding-left:18px;border:#bfe081
solid
1px;background:url("https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/sz.gif")
no-repeat;}
-->
</style>
</head>
<body>
<li>提问
</li>
<li>提问
</li>
</body>
</html>
在li标签属性里加了个
padding-left:18px;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
当然可以删,包括li都可以删,看你是想实现什么效果了,需求不同,标签当然不同关键是你对html代码的熟练程度
我运行了一下你的代码
我想你需要的效果是如下吧
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312"
/>
<title>无标题文档</title>
<style>
<!--
li
{float:left;padding:1px;
padding-left:18px;border:#bfe081
solid
1px;background:url("https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/sz.gif")
no-repeat;}
-->
</style>
</head>
<body>
<li>提问
</li>
<li>提问
</li>
</body>
</html>
在li标签属性里加了个
padding-left:18px;
我运行了一下你的代码
我想你需要的效果是如下吧
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312"
/>
<title>无标题文档</title>
<style>
<!--
li
{float:left;padding:1px;
padding-left:18px;border:#bfe081
solid
1px;background:url("https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/sz.gif")
no-repeat;}
-->
</style>
</head>
<body>
<li>提问
</li>
<li>提问
</li>
</body>
</html>
在li标签属性里加了个
padding-left:18px;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询