Question

css中如何同时设置网页中<p>中的字体大小及背景颜色

如题

p {
background: #00FF00

font-size:80px;
line-height: 1.5;
}

目前是这样写的，但是只能显示背景色，字体大小不起作用，如果把background: #00FF00删了，字体就起作用了

如何让背景和字体大小同时作用呢？

Answer 1

因为“background: #00FF00”后面没有添加“;”符号，浏览器将“background”解析成了“background: #00FF00 font-size:80px;”，所以背景和字体大小不能同时作用。

1、新建html文档，在body标签中添加一些p标签，这时网页中将会输出p标签默认的背景颜色和字体大小：

2、为p标签设置“background”属性，属性值为颜色，这时p标签的背景颜色将会变成之前设置的颜色：

3、为p标签设置“font-size”属性，属性值为字体大小，这时p标签的字体大小将会变成之前设置的字体大小：

Answer 2

background: #00FF00;后面记得加英文的;号

用以下代码再试试。

p {background: #00FF00;font-size:80px;line-height: 1.5;}

Answer 3

background: #00FF00

后面漏了分号了

浏览器是这么理解的
background: #00FF00 font-size:80px;

这是一个规则
line-height: 1.5;

这是另一个规则
浏览器很聪明
知道#00FF00 是背景颜色
但是无法处理 font-size:80px; 这一段
因为css规范没说这东西如果出现在 background 属性里
应该怎么呈现
所以它忽略了这段

Answer 4

直接使用元素选择器通配所有P元素：

p {
font-size:50px;
background-color: gray;

}

Answer 5

可以显示出来的啊，你那是其他样式给限制了吧。