黑马程序员技术交流社区

标题: css练习的问题 [打印本页]
作者: 梵天的梦    时间: 2014-2-14 15:43
标题: css练习的问题
<html>
<head>
<style type="text/css">
  div{
        background-color:red;
  }       
  .p1{
        color:red;
  }
</style>
</head>
<body>
<div>
这是用标签选择器设置的红色色背景
</div>
<p class="p1">
这是用类选择器设置字体颜色为红色
</p>
</body>
</html>

我在测试时，为什么p标签内的字体变红了，而div标签内的背景颜色没有
作者: itpower    时间: 2014-2-14 16:15

  2. <html>
  3. <head>
  4. <style type="text/css">
  5.   div{
  6.         background-color:red;
  7.   }        
  8.   .p1{
  9.         color:red;
  10.   }
  11. </style>
  12. </head>
  13. <body>
  14. <div>
  15. 这是用标签选择器设置的红色色背景
  16. </div>
  17. <p class="p1">
  18. 这是用类选择器设置字体颜色为红色
  19. </p>
  20. </body>
  21. </html>
复制代码

没问题啊，我试了下都是可以的啊！
作者: itpower    时间: 2014-2-14 16:17
没问题的，

QQ图片20140214161555.jpg (37.62 KB, 下载次数: 93)

QQ图片20140214161555.jpg
作者: kira    时间: 2014-2-14 16:17
怎么没有颜色背景 话说处理颜色的时候还是建议使用16位颜色代码
  1. <html>
  2. <head>
  3. <style type="text/css">
  4.   div{
  5.         background-color:#F00;
  6.                
  7.                
  8.   }        
  9.   .p1{
  10.         color:#F00;
  11.   }
  12. </style>
  13. </head>
  14. <body>
  15. <div>
  16. 这是用标签选择器设置的红色色背景
  17. </div>
  18. <p class="p1">
  19. 这是用类选择器设置字体颜色为红色
  20. </p>
  21. </body>
  22. </html>
复制代码
作者: L_t    时间: 2014-2-14 16:35
标题: 需要添加 id="div",请看第22行代码
本帖最后由 L_t 于 2014-2-14 16:38 编辑

  2. <html>

  4.         <head>

  6.                 <style type="text/css">
  7.   
  8.                 #div{
  9. background-color:red;
  10.   }        

  12.                  .p1{
  13.   color:red;
  14.   }

  16.                 </style>

  18.         </head>

  20.         <body>

  22.     <div id="div">
  23. 这是用标签选择器设置的红色色背景
  24. </div>

  26.         <p class="p1">
  27. 这是用类选择器设置字体颜色为红色
  28. </p>

  30.         </body>

  32. </html>
复制代码




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2