我这个写法,为什么css样式没有生效呢?

来源:2-3 编程练习

孤独的小猪

2016-11-01 09:55

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>盒子模型练习题</title>
<style type="text/css">
<!--在此定义一个类选择器myBox,根据要求设置相关CSS属性-->
.myBox{
width:200px;
height:100px;
border:1px solid #F00;
margin-top:10px;
padding-left:15px;
}
</style>
</head>
<body>
<div class="myBox">Hello World</div>
</body>
</html>


写回答 关注

4回答

  • 慕斯卡5016766
    2017-09-07 10:53:56

    <!-- -->是HTML注释,而你把它放在了CSS语言区内,浏览器无法辨别  正确的做法是:把这段注释放在<style></style>外部

  • 慕斯卡5016766
    2017-09-07 10:44:54

    我也是一样的代码,第一行

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    左边显示有一个红叉,不知道是怎么回事

  • DD慕帆
    2016-11-26 14:11:07

    可以实现,可能是网页编辑器的问题,

  • 非典型材料IT男
    2016-11-01 10:21:05

    你把这个放到myeclipse或者DW中试一试。有的时候网页编辑器会显示不了。

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157043 学习 · 1984 问题

查看课程

相似问题