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

作者&投稿:道和 (若有异议请与网页底部的电邮联系)
请问,为什么在网页里加入css(给p标签加背景),网页里的p标签就会加上背景呢?~

刚学是吧
直接写p{}
相当于通配选择器
所有p标签都会有此样式

字体加粗 * { margin: 0; padding: 0; } p { text-align: center; margin: 16px 0; } em { /* 去掉字体样式 */ font-style: normal; } p.strong :nth-child(1) { font-weight: normal; } p.strong :nth-child(2) { font-weight: bold; } p.strong :nth-child(3) { font-weight: bolder; } p.strong :nth-child(4) { font-weight: lighter; } p.strong :nth-child(5) { /* 等同于bold*/ font-weight: 700; } p > em:only-child{ font-style: italic; } 用<b>加粗字体:加粗

用<strong>加粗字体:加粗
用CSS font-weight 加粗 normal(400), bold(700) , bolder, lighter
用<i>斜体字体:斜体

用font-style: italic; 斜体字体:斜体

用<i>斜体字体:斜体可以自行试一下!!!

效果图

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

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

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

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



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

用以下代码再试试。


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


background: #00FF00

后面漏了分号了

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

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

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

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

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

}

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


魔兽世界SS技能键位怎么设置?
根据不同的天赋有不同的设置方法,看你什么天赋了,不过我能告诉你的就是那写按键能改成快捷键:Q E R T F G Z X C F2 F3 F4 F5。F1我会留着用与宝宝跟人物之间的切换,把离WSAD近的按键放些顺法,会方便点

魔兽世界中痛苦SS技能快捷键的设置
SHIFT1栏 1痛苦 2腐蚀 3生命虹系 4痛苦动荡 5奥术之流 6(R)生命分馏 7(F)恐惧 8(Z)暗影件 9(X)绷带 10(C)群恐 11(Q)死亡缠绕 12(E)放逐 SHIFT2拦 1灼热之痛 2献技 3烧尽 4灵魂之火 其他动作条 F1吸血 F2吸蓝 F3试品 F4法术石 满舒服的 个人习惯仅工参考 ...

谁知道sega土星(SS)上的炸弹人如何设置对战,可以骑恐龙的那个。(请说...
どっちでボバる?:怎样开炸?マッチプレー:match play 必须几局全胜3战3胜 5战5胜为冠军 B リーグ:B league联赛 看谁胜利局数最多 やめる:停止 けってい:决定 キャンセル:cancel取消 ボバリ方:游戏方式 ルール:rule规则 ボンバー:bomb选择角色 チーム:team队伍(组队模式才能...

你好,matlab中使用scatter绘制散点图,想要同时设置点的形状和RGB颜色...
使用字符数组,见程序例子 clc;clear;close all;figure(1)hold on;x = 0:0.1:1;ss = blanks(10);ss(1) = 'o';ss(2) = '+'; ss(3) = '*'; ss(4) = '.'; ss(5) = 'x';ss(6) = 's';ss(7) = 'd'; ss(8) = '^'; ss(9) = 'v'; ss(10) = 'p';cc...

魔兽世界中痛苦SS技能快捷键的设置
副本里的无所谓,记住放哪儿就成了。实再不行用鼠标也来的急,我的键位主要打JJC。1:生命虹吸(时间长所以放1,离TAB最近,所以放1)2:痛苦诅咒(第二长,所以放2)3:腐蚀术(第三长。。。)v&b:生命吸取/恐惧(痛苦S的看家本领放V&B是因为好按到)有的时候恐惧我也放在`(1左边的)...

如何在小米路由器上设置SS全局代理
1、首先我们需要使用代理连接上网,打开IE浏览器,依次打开tools->Internet option->connections->lan setting可以看到proxy server,在这里设置代理IP地址、端口号并在use*前面勾选,ok即完成浏览器联网了。2、接下来我们需要搜索下载Proxifier。3、在上面搜索到的proxifier3.2.1标准版下载即可。接下来就是...

WOW中的SS的“宏”怎么设置的详细点,我菜鸟???
游戏菜单→宏命令设置→设置宏的名字→选定一个图标→最关键的:最下方输入宏内容(如交易频道刷屏 :输入\/2空格键 喊话内容)→完成

小米路由器HD中继模式怎么使用SS
方法如下:1.保持路由器的正常工作,打开电脑连接小米路由器。在浏览器中输入192.168.31.1(默认IP地址是这个,如果修改过的话,请输入你修改后的IP地址);或者打开miwifi.com进入管理页。2.进入页面输入路由器密码。然后点击路由设置,然后选择“上网设置”。3.在“上网设置”界面中有路由器中继模式...

跪求 魔兽世界SS拉人宏命令的 设置方法?(是那种喊话的)
跪求 魔兽世界SS拉人宏命令的 设置方法?(是那种喊话的) 我自己设置的 宏 也可以拉人 可是却不喊话 这个怎么回事啊? 希望我在这能找到答案! (详细点的) 匿名 | 浏览1314 次 |举报 我有更好的答案推荐于2017-12-16 10:26:42 最佳答案 \/施放 召唤仪式\/Y 我以拉%t 旁边的人配合点门\/团队 我以拉%...

华硕路由器ac66∪设置ss
您好:1、打开Web浏览器,在地址栏中键入http:\/\/192.168.0.1,然后按Enter键。2、在随后打开的登陆窗口里,输入用户名“admin”;密码同样也是“admin”;然后直接单击“确定”。3、在进入路由器设置界面后,在左边选择“设置向导”,再点击“下一步”。4、选择“PPPOE(ADSL虚拟拨号)”,点击进入下一...

邛崃市13569443555: css中如何同时设置网页中<p>中的字体大小及背景颜色 -
底蚂派捷: 直接使用元素选择器通配所有P元素:p { font-size:50px; background-color: gray; } 望采纳.

邛崃市13569443555: 怎样用CSS控件页面中同时改变所有字体大小 -
底蚂派捷: css的规则,先内后外(行内样式--内嵌样式--外部样式) 如果每个层中的css是行内样式,那就必须一个一个的改行内样式.如果每个层中的css是内嵌样式,那稍简单点,更改每一个内嵌样式的字体 如果引用外部样式,就好办多了,直接改.css文件就ok了

邛崃市13569443555: 在css中定义重复属性中指定的第一个table网页中有很多<
底蚂派捷: 楼主说的一般是在默认的情况下给table定义了一个属性. 例如 table { font- } 这是对整体的一个全局定义. 如果想对talbe进行多个定义.可以写成. table.test1{ font- } table.test2{ font- } 然后在到使用某一个样式的时候给table的class附上相对应的属性.

邛崃市13569443555: 如何在不同的浏览器中调用不同的CSS设置网页特效
底蚂派捷: &lt;!-- 把如下代码加入&lt;body&gt;区域中 --&gt; &lt;center&gt; &lt;table border=5 bordercolor=blue borderlight=green&gt; &lt;tr&gt; &lt;td align=center width=450 height=194&gt; &lt;p align="left"&gt;&lt;b&gt;&lt;font color="#3333FF"&gt;...

邛崃市13569443555: 一个网页如何链接两个CSS样式表?
底蚂派捷: 方法一: <link rel="stylesheet" href="css样式表文件1.css" type="text/css" media="screen,print"/><link rel="stylesheet" href="css样式表文件2.css" type="text/css" media="screen,print"/>方法二: 先页面中写入: <link rel=...

邛崃市13569443555: 如何在同一个网页中用两个css -
底蚂派捷: <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><LINK REL="StyleSheet" HREF="111/1.css"><LINK REL="StyleSheet" HREF="111/2.css"></head>

邛崃市13569443555: html中css+div!一个网页的整体框架居中
底蚂派捷: 如:首先对body{margin:0;padding:0;}//主要是控制上边距 然后:.css{width:960px;height:200px;margin:0 auto;} 以上是样式 下面在HTML中: &lt;body&gt; &lt;div class="css"&gt;&lt;/div&gt; &lt;/body&gt; 就可以居中了!

邛崃市13569443555: CSS样式怎么在一网页中设置两种超链接文字属性? -
底蚂派捷: 建立css样式就可以啦, 选中需要变成超链接的部分, 在dreamweaver里 下边有格式 ,在下啦框里选中建好的css样式就可以了.

邛崃市13569443555: CSS样式怎么在一网页中设置两种超链接文字属性?
底蚂派捷: 先定义用的比较多的:a{ color: #FF0000} a:hover{ color:#33CC99} 然后少的就个别定义:假如 class=“p1” .p1 a{ } .p1 a:hover{ }

邛崃市13569443555: 在网页制作中,如何通过CSS为网页添加样式?请言简意赅的阐释一下,不要纯粘贴..
底蚂派捷: 比如网页中一个p标签的样式是:&lt;p style="color:red;"&gt;&lt;/p&gt; 然后现在通过css控制页面就变成了: &lt;p class="red"&gt;&lt;/p&gt; 然后在head标签中间写 &lt;style type="text/css"&gt; .red{color:red;} &lt;/style&gt; 当然也可以把放在head里的css放到一个css文件中,通过 &lt;link href="xx.css" rel="stylesheet" type="text/css" /&gt;引用

你可能想看的相关专题

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网