14 回答
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>
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。
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>
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>
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>
- 14 回答
- 1 关注
- 5996 浏览
相关问题推荐
添加回答
举报