采用后代选择器 ：从上面可以看出所有的标签都是body的后代,那么大家使用后代选择器,就可以将body的后代(所有标签)改变样式: 后代选择器是用祖先加上空格再加上后代标签类型进行声明的。
以上资料供参考。
@ web前端怎么入门学习？
伴随着近些年web前端开发的迅速发展，有愈来愈多的小伙伴们想要来到前端工程师制造行业当中，可是也有许多小伙伴们在迟疑该不该进入这一行业，如果想进入这一行业，必须要知道如何学习web前端开发的专业知识。
那么前端学习如何入门呢？
这是每一个想要进入道前端行业必须要经历的过程，不管怎么样这一关是免不了的，所有对于如何前端入门，是大家每个小伙伴必须了解的。现阶段的方式一般是有俩种，一种是自学进入这个行业，另一种就是要通过前端培训学习进入这一行。特别是对于没有基础的小伙伴们来说要怎么开始学习呢?大多数人选择的是前端培训学习的方式，这样的方式有几个优点，那就是时间快，效率高，学习的知识系统。
由于大家基本都是零基础参加web前端培训学习的，所以在学习的过程中可能会有一点儿难度，大家可以根据自己的情况来制定一个计划来进行学习，好的学习计划加上良好的执行力可以让大家事半功倍的学习。最重要的是在前端培训学习的过程中一定要努力，遇到不懂的问题及时和老师沟通，自习学习时多加练习，多喝同学交流。只要努力学习入门是比较容易的。
@ css层叠是什么？
层叠指的是样式的优先级，当产生冲突时以优先级高的为准。1. 开发者样式>读者样式>浏览器样式（除非使用!important标记 ）2. id选择符>（伪）类选择符>元素选择符3. 权重相同时取后面定义的样式以下是一段经典的html，三个类名分别为模块、标题和正文。
大部分html页面都可以由这种结构嵌套或者累加而成。
@ CSS有哪几种方式控制网页页面？
有4种方式，行内方式、内嵌方式、链接方式、导入方式
1、行内方式
行内方式是4种样式中最直接最简单的一种，直接对HTML标签适用style=””，例如：
<p></p>
虽然这种方法比较直接，在制作页面的时候需要为很多的标签设置style属性，所以会导致HTML页面不够纯净，文件体积过大，不利于搜索蜘蛛爬行，从而导致后期维护成本高。
2、内嵌方式
内嵌方式就是将CSS代码写在<head></head>之间，并且用<style></style>进行声明，例如：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>无标题文档</title>
<style type=”text/css”>
<!–
#div1{width:64px; height:64px; float:left;}
#div1 img{width:64px; height:64px;}
–>
</style>
</head>
<body>
<div id=”div1″><img src=”/images/logo.gif” /></div>
</body>
</html>
运行代码 复制代码 另存代码 <script language=”JavaScript”>ffcod = delpost.runcode7 .value; ffcod = ffcod.replace(/
/g,”); delpost.runcode7 .value = ffcod;</script> 提示：您可以先修改部分代码再运行
内嵌方式，大家应该也能意识到，即使有公共CSS代码，也是每个页面都要定义的，如果一个网站有很多页面，每个文件都会变大，后期维护也大，如果文件很少，CSS代码也不多，这种方式还是很不错的。
3、链接方式
链接方式是使用频率最高，最实用的方式，只需要在<head></head>之间加上
复制代码
代码如下:
<link href=”style.css” type=”text/css” rel=”stylesheet” />
，就可以了，这种方式将HTML文件和CSS文件彻底分成两个
或者多个文件，实现了页面框架HTML代码与美工CSS代码的完全分离，使得前期制作和后期维护都十分方便，并且如果要保持页面风格统一，只需要把这些公共的CSS文件单独保存成一个文件，其他的页
面就可以分别调用自身的CSS文件，如果需要改变网站风格，只需要修改公共CSS文件就OK了，相当的方便，这才是大家xHTML+CSS制作页面提倡的方式。
HTML代码
复制代码
代码如下:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>无标题文档</title>
<link href=”style.css” type=”text/css” rel=”stylesheet” />
</head>
<body>
<div id=”div1″><img src=”/images/logo.gif” /></div>
</body>
</html>
CSS代码
复制代码
代码如下:
#div1{width:64px; height:64px; float:left;}
#div1 img{width:64px; height:64px;}
4、导入方式
导入样式和链接样式比较相似，采用import方式导入CSS样式表，在HTML初始化时，会被导入到HTML文件中，成为文件的一部分，类似第二种内嵌方式。
具体导入样式和链接样式有什么区别，可以参看这篇文章《CSS:@import与link的具体区别》，不过偶还是建议大家用链接方式！
四种样式的优先级 ：
如果这上面的四种方式中的两种用于同一个页面后，就会出现优先级的问题，这里偶就不再举例子来说明了，大家在下面自己证明一下下面的结论
四种样式的优先级别是(从高至低)：行内样式、内嵌样式、链接样式、导入样式。
拓展资料
css是层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
