问答详情
源自:1-1 导航条制作

无法显示css的样式

我用的dreamweave,也在html中链接了css,但是为什么显示不出css的样式内容呢?新手不懂,求指教

提问者:张小杰123 2015-05-11 20:52
微课

个回答

  • 成者并非一蹴而就
    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;}