无法显示css的样式
我用的dreamweave，也在html中链接了css，但是为什么显示不出css的样式内容呢？新手不懂，求指教
4 回答
<!doctype html>
<html>
<head>
<title>CSS3实现鼠标悬停显示消息提示框</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-compatible" content="IE=edge">
<meta name="viewport" content="width=device-width" initial-scale="1">
<link href="Untitled-3.css" rel="stylesheet" type="text/css">
<body>
<div class="nav">
<ul>
<li><a href="#" class="tooltip tooltip-effect-1">Home
<span class="tooltip-content"><i></i></span>
</a></li>
<li><a href="#" class="tooltip tooltip-effect-2">About me
<span class="tooltip-content"><i></i></span>
</a></li>
<li><a href="#" class="tooltip tooltip-effect-3">Photography
<span class="tooltip-content"><i></i></span>
</a></li>
<li><a href="#" class="tooltip tooltip-effect-4">Work
<span class="tooltip-content"><i></i></span>
</a></li>
<li><a href="#" class="tooltip tooltip-effect-5">Contact
<span class="tooltip-content"><i></i></span>
</a></li>
</ul>
</div>
</body>
</head>
</html>
、、、、、、、、、、、、、、、、、下面是css代码。。。。。。。。。。。。。
/*@charset "utf-8";*/
/* CSS Document */
//注意，必须先创建，才能链接进来
/*Global*/
html{width:100%;
height:100%;
-webkit-text-size-agjust:none;
-moz-text-size-agjust:none;
-ms-text-size-agjust:none;
-o-text-size-agjust:none;
text-size-agjust:none;}
//因为存在浏览器兼容的问题,这样呢，在我们旋转的时候，文字大小就不会发生改变了
body{ margin:0;
padding:0;
width:100%;
height:100%;
background:#47a9cf;
color:#74777b;
font-weight:300;/*文字加粗三倍*/
font-size:1.5em;
font-family:"Raleway","Arail"}
//body里面我们把默认的边界和填充去掉
//将默认的列表去掉
ul{ list-style:none;
margin:0;
padding:0;}
//所有的超链接不要下划线,外面的线也不要
a:link,a:visited,a:focus{ text-decoration:none;
outline:none;}
举报
0/150
提交
取消
