为了账号安全,请及时绑定邮箱和手机立即绑定

选择器的使用

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>选择器</title>

<style type="text/css">

body{

    font-size:12px;

    color:red;

}

</style>

</head>

<body>

<p>慕课网(IMOOC)是学习编程最简单的免费平台。慕课网提供了丰富的移动端开发、php开发、web前端、html5教程以及css3视频教程等课程资源。它富有交互性及趣味性,并且你可以和朋友一起编程。</p>

</body>

</html>

这里的

body{

    font-size:12px;

    color:red;

}

p{

    font-size:12px;

    color:red;

}

效果一样吗?

正在回答

9 回答

一样的。

body设置了body全局样式,

body里只有一个p标签,

所以设置body样式与设置p标签的样式,在以上环境中是相同的效果。


2 回复 有任何疑惑可以回复我~
#1

哼哼哈嘿哼 提问者

谢谢你!我懂啦。。
2016-12-29 回复 有任何疑惑可以回复我~

一样的。

body设置了body全局样式,

body里只有一个p标签,

所以设置body样式与设置p标签的样式,在以上环境中是相同的效果


1 回复 有任何疑惑可以回复我~

产生的小郭一样,但这里比较特殊,body中就只有一个元素p,如果有其他元素,效果就不同了,body的范围比p的大

1 回复 有任何疑惑可以回复我~

就这段代码的话,效果是一样的。因为body里面只有p。但是如果<body>里面有span、a、table等,格式就都是body设置的样式了。所以这种写法是不常用的。

虽然CSS有优先级,但是设置起来还是比较麻烦,没有完全必要这样子写。

1 回复 有任何疑惑可以回复我~

是一样,但是范围不一样,body指向的是body内的全部元素都受用,而p指向的是p内的全部内容受用。如果p修改成其他的例如font-size:20px;color:blue;那么body就不受用了,这就是特殊性和层叠性问题了,可以看下第九章。

1 回复 有任何疑惑可以回复我~

body 针对于body内中的所有范围。而p是在p定义的范围里面。

在这里一样,但是如果再加一段,用h标签,那么答案就不一样了。

1 回复 有任何疑惑可以回复我~

现在是一样的,但是建议使用P标签,因为以后也许要添加东西,到时候自己修改也可以,就像标签后面加个;一样的道理,养成好习惯

1 回复 有任何疑惑可以回复我~

一样的。

因为<body>内除了<p>以外没有其他的标签。

1 回复 有任何疑惑可以回复我~
#1

哼哼哈嘿哼 提问者

谢谢啦。。
2016-12-29 回复 有任何疑惑可以回复我~

我也想知道,其实可以想一想,这个题目中只是特殊情况。如果body标签里还有除了p之外的标签,比如说h,  什么的,范围就会不同了啊。

1 回复 有任何疑惑可以回复我~
#1

逝水bs无情

这章的练习题给的范围是body 你下面要是在天其他的<ul> <div>之类的都是一样的格式。你要是选择的是P 像<div>之类的就不变还是黑色的。
2016-12-29 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)
  • 参与学习       1229746    人
  • 解答问题       19084    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

选择器的使用

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号