檬味博客 » 问答 » css中如何同时设置网页中<；p>；中的字体大小及背景颜色

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

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
mengvlog 阅读 10 次 更新于 2025-07-21 16:56:58 我来答关注问题0
5 个回答檬味博客专题活动
  • 猪八戒网 css中如何同时设置网页中<p>中的字体大小及背景颜色?

    1、新建html文档，在body标签中添加一些p标签，这时网页中将会输出p标签默认的背景颜色和字体大小：2、为p标签设置“background”属性，属性值为颜色，这时p标签的背景颜色将会变成之前设置的颜色：3、为p标签设置“font-size”属性，属性值为字体大小，这时p标签的字体大小将会变成之前设置的字体大小：

  • 翡希信息咨询 如何用DIV+CSS将网页布局 左 中 右 并列

    要实现网页布局左、中、右并列，可以按照以下步骤使用DIV+CSS进行设置：设置父容器：创建一个父容器DIV，并设置其宽度为900px，使用margin: 0 auto;确保其在页面中居中显示。创建子元素：在父容器内创建三个子DIV，分别代表左、中、右三个区域。设置子元素宽度和高度：为每个子DIV设置宽度，例如左侧和...

  • 文暄生活科普 如何用DIV+CSS将网页布局 左 中 右 并列

    首先，设定一个父容器，宽度为900px，使用居中属性确保其居中显示。然后，为每个子元素设置宽度，例如30%，高度统一为100%，并添加1px的黑色边框以突出区块。使用float属性让元素水平排列。接着，为左侧元素添加margin-left属性，使其与容器边缘保持10px的距离。同样，中间和右侧元素亦需添加margin-left属性...

  • yyclaire_li 如何用CSS限定网页宽度,又如何让一个DIV在网页当中居中呢?

    用CSS限定网页宽度，又让一个DIV在网页当中居中,这里需要理解的是一个页面的内容区域，就是body，我们就是通过给body来设置一个宽度，来做限制，至于DIV的居中，首先是需要给这个div一个宽度和高度，然后在使用margin去做，margin的用法，如图：具体的实现看代码: body{ width:960px; //限定网页...

  • 阿暄生活 DW如何让页面在各个浏览器都居中显示?

    操作步骤：打开Dreamweaver并加载要处理的网页。切换至“代码”查看模式，选中标签部分。点击“属性”工具栏中的“CSS”按钮。点击“居中”按钮，页面将被设置为居中显示。使用标签：实现方法：在标签外面添加标签。虽然这种方法可以实现页面居中，但由于标签是HTML中的废弃标签，不推荐在新项目中使用。

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部