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

块级元素背影颜色

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>内联块状元素</title>

<style type="text/css">

p{background:green;}

</style>

</head>

<body>

<div>div1</div>

<div>div2</div>

<p>段落1<h1>段落1</h1>段落1段落 1段落1</p>

</body>

</html>

为什么只有第一个段落1背景色显示绿色,h1之后的都不起作用

正在回答

7 回答

因为<p><h1>同属块级元素,谁都要独占一行的,不可能妥协的。

0 回复 有任何疑惑可以回复我~

我也想问,是不是和继承有关?

0 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//586c9c450001d39704000615.jpg


http://img1.sycdn.imooc.com//586c9c9d0001962403460495.jpg

你可以看看最后浏览器会把这个代码解析成这样,这样写是有问题的你可以把p换成div

0 回复 有任何疑惑可以回复我~

块元素内包含了块元素,显示可能没问题但是样式会出问题

0 回复 有任何疑惑可以回复我~

或者是<p>段落1<span>段落1 段落1</span>段落1 段落1</p>

span 是行内元素

0 回复 有任何疑惑可以回复我~

你设置的格式只对p元素有用,要想设置h1的颜色,应该是p,h1{backgroundcolor:green;}

或者是<p>段落1<div>段落1 段落1</div></p><p>段落1段落1 </p>

希望可以帮助到你







0 回复 有任何疑惑可以回复我~

好像是因为他们都是块级元素,我试了一下,换成内联元素的话是可以变的,只是猜测我也不懂

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225297    人
  • 解答问题       18230    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

块级元素背影颜色

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信