无法显示css的样式
张小杰123
2015-05-11 20:52
我用的dreamweave，也在html中链接了css，但是为什么显示不出css的样式内容呢？新手不懂，求指教
3回答
-
- 成者并非一蹴而就
- 2015-05-12 01:15:07
放出你的代码,才能给你说明;没有显示CSS,,
无非以下:
1:没有正确引入外部CSS文件,,,写法错误
2:CSS规则写错,没有生效
----------
温馨提示:少用可视化网页编辑器,,,,百害而无一利
学习过程应该多打代码,才能熟悉;无需强制去背,用多了自然而然熟悉
-
- 成者并非一蹴而就
- 2015-05-13 11:39:35
编辑器Sublime Text 和 Atom 都很不错....
-
- 张小杰123
- 2015-05-13 01:40:09
<!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;}
CSS3实现漂亮ToolTips效果
42722 学习 · 101 问题
相似问题