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

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

  • 游奈新 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设置宽度，例如左侧和...

  • 阿暄生活 css如何设置页面总体固定宽高和宽度

    设置网页的高度为一个固定值，例如800px。这样做可以确保网页在垂直方向上也不会随屏幕尺寸变化而改变。同时设置固定宽高：在CSS中，可以同时为和元素设置固定的宽度和高度。例如：html, body { width: 1000px; height: 800px; } 注意事项去除默认边距和填充：为了确保设置的固定宽高生效，通常需要去除...

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

    接着，为左侧元素添加margin-left属性，使其与容器边缘保持10px的距离。同样，中间和右侧元素亦需添加margin-left属性，保持相同的间隔。最后，加入一个 标签并添加clear:both属性，以清除浮动，确保布局不会因浮动元素而产生意外的换行。通过这些CSS样式调整，能够实现网页布局中左右中并列显示的效果，即使...

其他CSS类似问题

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

CSS相关话题

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