<!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;
}
效果一样吗?
一样的。
body设置了body全局样式,
body里只有一个p标签,
所以设置body样式与设置p标签的样式,在以上环境中是相同的效果。
一样的。
body设置了body全局样式,
body里只有一个p标签,
所以设置body样式与设置p标签的样式,在以上环境中是相同的效果
产生的小郭一样,但这里比较特殊,body中就只有一个元素p,如果有其他元素,效果就不同了,body的范围比p的大
就这段代码的话,效果是一样的。因为body里面只有p。但是如果<body>里面有span、a、table等,格式就都是body设置的样式了。所以这种写法是不常用的。
虽然CSS有优先级,但是设置起来还是比较麻烦,没有完全必要这样子写。
是一样,但是范围不一样,body指向的是body内的全部元素都受用,而p指向的是p内的全部内容受用。如果p修改成其他的例如font-size:20px;color:blue;那么body就不受用了,这就是特殊性和层叠性问题了,可以看下第九章。
body 针对于body内中的所有范围。而p是在p定义的范围里面。
在这里一样,但是如果再加一段,用h标签,那么答案就不一样了。
现在是一样的,但是建议使用P标签,因为以后也许要添加东西,到时候自己修改也可以,就像标签后面加个;一样的道理,养成好习惯
一样的。
因为<body>内除了<p>以外没有其他的标签。
我也想知道,其实可以想一想,这个题目中只是特殊情况。如果body标签里还有除了p之外的标签,比如说h, 什么的,范围就会不同了啊。