1、新建html文档,在body标签中添加一些p标签,这时网页中将会输出p标签默认的背景颜色和字体大小:2、为p标签设置“background”属性,属性值为颜色,这时p标签的背景颜色将会变成之前设置的颜色:3、为p标签设置“font-size”属性,属性值为字体大小,这时p标签的字体大小将会变成之前设置的字体大小:...
css中如何同时设置网页中<;p>;中的字体大小及背景颜色
background: #00FF00
后面漏了分号了
浏览器是这么理解的
background: #00FF00 font-size:80px;
这是一个规则
line-height: 1.5;
这是另一个规则
浏览器很聪明
知道#00FF00 是背景颜色
但是无法处理 font-size:80px; 这一段
因为css规范没说这东西如果出现在 background 属性里
应该怎么呈现
所以它忽略了这段2014-09-26
因为“background: #00FF00”后面没有添加“;”符号,浏览器将“background”解析成了“background: #00FF00 font-size:80px;”,所以背景和字体大小不能同时作用。
1、新建html文档,在body标签中添加一些p标签,这时网页中将会输出p标签默认的背景颜色和字体大小:
2、为p标签设置“background”属性,属性值为颜色,这时p标签的背景颜色将会变成之前设置的颜色:
3、为p标签设置“font-size”属性,属性值为字体大小,这时p标签的字体大小将会变成之前设置的字体大小:
2019-04-21
直接使用元素选择器通配所有P元素:
p {
font-size:50px;
background-color: gray;
}2015-09-17
background: #00FF00;后面记得加英文的;号
用以下代码再试试。
p {background: #00FF00;font-size:80px;line-height: 1.5;}2014-09-26
可以显示出来的啊,你那是其他样式给限制了吧。2014-09-26