新人,求教html css问题。。。。。。。。。。。。。。。。。。。。。。。。

<title>firefox</title>
<link href="firefox.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--头部 tip 部分 -->
        <div id="tip">
            <div class="left">
                <img src="firefox-logo.png" title="火狐" alt="firefox" id="logo" />
                <p><a href="#">
                <span>11月12日 周四</span> <strong>北京</strong> <span>霾9℃-6℃</span> <span>星族运势</span>
                <img src="tip-xiala.gif" class="xiala" />
                </a></p>
            </div> 
            <div class="right">
                <ul>
                    <li><a href="#">意见反馈</a></li>
                    <li><a href="#">返回旧版</a></li>
                    <li><a href="#">换肤<img src="tip-xiala.gif" class="xiala" /></a></li>
                    <li><a href="#">设置<img src="tip-xiala.gif" class="xiala" /></a></li>
                    <li><a href="#">访问记录<img src="tip-xiala.gif" class="xiala" /></a></li>
                    <li><a href="#">登陆</a></li>
                </ul>
            </div>    
        </div>
        
        
        
        
        css部分:
 body{ margin:0;}
<!--tip部分-->
#tip{ height:40px;background:url(tip-bg.gif) repeat-x; padding:0 10%; font-size:12px; line-height:30px;}
#tip a{ text-decoration:none;}
#tip a:hover{ color:#ff9500;}
#tip. left a{ color:#edecf2; }
#logo{float:left;}
#tip .xiala{ margin-left:5px;}
#tip .left p{ float:left; margin:0 14px;}
#tip .left span{ margin-left:10px; }
#tip .right{ height:30px; float:right; }
#tip .right ul{ list-style: none; margin:0;}
#tip .right li{ float:left; width:60px; text-align:center;}
#tip .right a{color:#ffffff;}
  之前看着还是好好的,我写下一部分布局的时候的时候在运行页面都没法看,求问下 这到底怎么回事?????
  我把其他的都注释掉了(包括css),但还是不行,求教下 我哪儿错问题了?


慕码人0911192
浏览 1855回答 4
4回答

野山椒鸡杂

body{ margin:0;} <!--tip部分--> #tip{ height:40px;background:url(tip-bg.gif) repeat-x; padding:0 10%; font-size:12px; line-height:30px;} #tip a{ text-decoration:none;} #tip a:hover{ color:#ff9500;} #tip .left a{ color:#333; } #logo{float:left;} #tip .xiala{ margin-left:5px;} #tip .left p{ float:left; margin:0 14px;} #tip .left span{ margin-left:10px; } #tip .right{ height:30px; float:right; } #tip .right ul{ list-style: none; margin:0;} #tip .right li{ float:left; width:60px; text-align:center;} #tip .right a{color:#333;}你复制我的试试,

加入滚烫开水

#tip .right a{color:#ffffff;}这句<a>是白色? #tip .right的背景也是白色?

echo_kinchao

您的标签不规范呢请注意还是不规范的问题 很多地方缺胳膊您的问题时候是您没有引用对照成的呢

野山椒鸡杂

你贴出来的代码里面没有head开始标签和</body>结束标签呃根据你的描述,页面没法看有可能是css没显示出来,还有就是没有设置编码,你说的没法看是指乱码还是没有加载出来css的效果。如果乱码,在<head>标签里面加上<meta charset='utf-8'>
打开App,查看更多内容
随时随地看视频慕课网APP