为了账号安全,请及时绑定邮箱和手机立即绑定

sublime编写的代码 浏览器打开后没有对应的样式 却显示一行代码 是怎么回事啊 ?

sublime编写的代码 浏览器打开后没有对应的样式 却显示一行代码 是怎么回事啊 ?

慕粉3356916 2016-06-05 12:06:08
查看完整描述

14 回答

?
清晨6点

TA贡献1条经验 获得超3个赞

示例中的问题有以下几个:

问题1:行1中多了一个“<”。

说明:所有的标记都是由尖括号+关键词构成;请把这个多余的尖括号去掉;(你不是手滑,你是故意逗我们)

问题2:你的CSS代码跑到<style></style>标签外面了。 

说明:CSS代码可以通过<style>标签引入到一个HTML文档的内部,但必须放在<style>标签内部;

问题3:选择符格式错了。 

说明:如果你想为文档定义前景色和背景色,<body>就是你要定义样式的对象,但是在CSS中调用<body>对象时,请去掉尖括号,只保留尖括号里的关键词即可。这种使用选择器的方法叫“类型选择器”(我更喜欢叫元素选择器)。

问题4:请backgroundcolor属性改为“background-color” 

说明:特霸道地说——不解释!

问题5:文档没定义字符编码。请在<head>区域任意位置添加一行代码:<meta charset="utf-8"> 

说明:charset用于告诉浏览器文档中的字符使用什么方式存储的。它的取值,对于简体中文,通常有两个值:gb232和utf-8。如果不设置charset,有可能会造成乱码,也就是说浏览器自动选择了错误的编码去解析你的文档字符。选择gb2312还是utf-8?这两个值各有优缺点,根据项目要求定!如果没要求,那就utf-8吧,为啥?你用的sublime啊!(开玩笑~照顾兼容性,牺牲字节喽~对于初学者,扯的有点多了。你要想彻底搞清楚编码,我能给你讲一个小时)

修正后的代码:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>xiahuaxianxiushiwenben</title>
    <style type="text/css">
    body{background-color:#000;color:#FFF;}
    </style>
</head>
<body>
<h1>huhuhu</h1>
</body>
</html>


查看完整回答
3 反对 回复 2016-06-06
?
陈士愚

TA贡献44条经验 获得超44个赞

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>xiahuaxianxiushiwenben</title>
    <style type="text/css">
    body {
        backgroundcolor: #000;
        color: #FFF;
    }
    </style>
</head>

<body>
    <h1>huhuhu</h1>
</body>

</html>

CSS样式说明里,不用html标签,直接写 body。

查看完整回答
2 反对 回复 2016-06-05
?
helixdna

TA贡献2条经验 获得超3个赞

这种前端,直接开除

查看完整回答
1 反对 回复 2016-06-06
?
刚毅87

TA贡献345条经验 获得超309个赞

一看就是小白,建议你还是仔细看看视频.

给你修改了几处错误,写了注释,你参考一下吧

<!--你这多加了一个<-->
<!DOCTYPE HTML>
<html>
<head>
<!--缺少编码格式-->
<meta charset="utf-8">
<title>xiahuaxianxiushiwenben</title>
<!-- <style type="text/css">css 样式应该写在 style 中</style>-->
<style type="text/css">
/*要设置谁的样式就写哪个标签*/
h1{ background-color:#000;
   color:#FFF;
}
</style>
</head>
<body>
<h1>huhuhu</h1>
</body>
</html>


查看完整回答
1 反对 回复 2016-06-06
?
握不住的风

TA贡献1条经验 获得超1个赞

首先样式要写在style标签里面,再者body的样式不用加
〈〉,这样就没错了

查看完整回答
1 反对 回复 2016-06-05
?
今天你好

TA贡献4条经验 获得超1个赞

标签错位,样式要写在头部文件的样式表里。控制样式时,要么用标签控制-h1,要么加上全局控制-*或者直接body,不能用<body>标签这样控制。一般在样式表里:id用 #id名 控制,class用 .class名 控制。

<!DOCTYPE HTML>

<html>

<head>

<title>xiahuaxianxiushiwenben</title>

    <style type="text/css">

    *{ background-color:#000;

      color:#FFF;

}

    </style>

</head>

<body>

<h1>huhuhu</h1>

</body>

</html>


查看完整回答
1 反对 回复 2016-06-05
?
老子的意大利炮4333415

TA贡献16条经验 获得超3个赞

最烦这种不采纳的人

查看完整回答
反对 回复 2016-11-25
?
KJinn

TA贡献20条经验 获得超12个赞

你的{}前面没有对象啊,{}里面是内容是赋值给谁的呢?

正确的写法应该是body{ backgroundcolor:@000; color:#fff}

查看完整回答
反对 回复 2016-07-20
?
夜舞暗澜

TA贡献19条经验 获得超7个赞

这写的……压根连格式不对……

查看完整回答
反对 回复 2016-06-07
?
田心枫

TA贡献1064条经验 获得超383个赞

写的代码不规范,backgroundcolor:#000;color应该写在style里面

查看完整回答
反对 回复 2016-06-05
?
繁华如梦倾城殇

TA贡献23条经验 获得超6个赞


你head和body都写到一起了

查看完整回答
反对 回复 2016-06-05
?
liqingjht

TA贡献1条经验 获得超0个赞

<!DOCTYPE html>
<html>
<head>
<title>xiahuaxianxiushiwenben</title>
<style type="text/css">
body{
background-color:#000;
color:#FFF;
}
</style>
</head>
<body>
<h1>huhuhu</h1>
</body>
</html>
查看完整回答
反对 回复 2016-06-05
  • 14 回答
  • 1 关注
  • 5996 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信