css代码直接写在html文件里就正常,单独写在一个.css文件里然后在html文件中调用就没用
一、html文件如下:<html><head><title>我的网站</title><linkrel="stylesheet"rev="stylesheet"href="...
一、html文件如下:
<html>
<head>
<title>我的网站</title>
<link rel="stylesheet" rev="stylesheet" href="style.css" type="text/css" media="all" />
</head>
<body>
<ul class="inventory">
<li><a href="/angelfish">Angelfish</a>(67items)</li>
<li><a href="/angeld">Angels/Frogfish</a>(35items)</li>
<li><a href="/anthias">Angelfish</a>(5526items)</li>
<li><a href="/basslets">Angelfish</a>(15items)</li>
</ul>
</body>
</html>
二、style.css文件如下:
ul.inventory{list-style:disc url(/shortjzxue.png) inside;}
三、html中的<link rel="stylesheet" rev="stylesheet" href="style.css" type="text/css" media="all" />直接换成
<style type="text/css">
ul.inventory{list-style:disc url(/shortjzxue.png) inside;}
</style>
小无序列表前面的图标就不是一个个黑点,而分开两个文件,就是一列黑点在前面,求解释啊 展开
<html>
<head>
<title>我的网站</title>
<link rel="stylesheet" rev="stylesheet" href="style.css" type="text/css" media="all" />
</head>
<body>
<ul class="inventory">
<li><a href="/angelfish">Angelfish</a>(67items)</li>
<li><a href="/angeld">Angels/Frogfish</a>(35items)</li>
<li><a href="/anthias">Angelfish</a>(5526items)</li>
<li><a href="/basslets">Angelfish</a>(15items)</li>
</ul>
</body>
</html>
二、style.css文件如下:
ul.inventory{list-style:disc url(/shortjzxue.png) inside;}
三、html中的<link rel="stylesheet" rev="stylesheet" href="style.css" type="text/css" media="all" />直接换成
<style type="text/css">
ul.inventory{list-style:disc url(/shortjzxue.png) inside;}
</style>
小无序列表前面的图标就不是一个个黑点,而分开两个文件,就是一列黑点在前面,求解释啊 展开
6个回答
展开全部
你可以这样做的呀
首先改造一下你的CSS样式,你在样式里少了一个li的初始化,也就是去掉LI前默认的黑点
style.css文件如下:
ul li{ list-style:none;}
.inventory{list-style:disc url(shortjzxue.png) inside;}
另外把样式调用的改成这样的
<link href="style.css" rel="stylesheet" type="text/css" />
以上代码适合你,style.css,shortjzxue.png,你的html网页,在同一目录下的时候,如果不在同一目录,就改下样式的地址和图片的地址吧
首先改造一下你的CSS样式,你在样式里少了一个li的初始化,也就是去掉LI前默认的黑点
style.css文件如下:
ul li{ list-style:none;}
.inventory{list-style:disc url(shortjzxue.png) inside;}
另外把样式调用的改成这样的
<link href="style.css" rel="stylesheet" type="text/css" />
以上代码适合你,style.css,shortjzxue.png,你的html网页,在同一目录下的时候,如果不在同一目录,就改下样式的地址和图片的地址吧
追问
试了一下这样图标也出来了,非常感谢你!
2013-05-06
展开全部
可能是路径错也,所以你调用css就不出来,而直接写网页里面正好路径对了就有效果。看不到你html、css和图片目录的结构,不好判断路径错在哪里。
追问
您好,我是shortjzxue.png、index1.htm、style.css三个东西放在同一个文件夹下的,文件夹名字叫temp01,要在程序中写明吗?
追答
都在同级目录的话,见:parno 的回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你这个样式根本就没有起作用。
一个非常明显的错误,你们怎么就没人提下呢:
ul.inventory{list-style:disc url(/shortjzxue.png) inside;}
ul.inventory是层级关系选择器,表示在ul中类名为inventory的子元素。
但是你这个代码中他们是一个元素。
应该改为下面这样就OK了:
.inventory{list-style:disc url(/shortjzxue.png) inside;}
一个非常明显的错误,你们怎么就没人提下呢:
ul.inventory{list-style:disc url(/shortjzxue.png) inside;}
ul.inventory是层级关系选择器,表示在ul中类名为inventory的子元素。
但是你这个代码中他们是一个元素。
应该改为下面这样就OK了:
.inventory{list-style:disc url(/shortjzxue.png) inside;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
css 文件中 /shortjzxue.png 前的 / 去掉。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-05-06
展开全部
仔细看了下,一楼xyytwz回答的很正确。但另外还是要注意css文件的书写规范,格式错误也会导致无效,具体的话可以参考:http://www.zx028.com/images/style.css,希望可以帮到你!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询