CSS样式主要包含以下三种类型：
1、行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。
例：<标记></标记>
2、内部样式（内联样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。
例：<style>选择器 {属性名：属性值；属性名：属性值；……}</style>
3、外部样式（外联样式）：写在css文件内。
@ 用什么表示子代选择器？
CSS3中的关系选择器主要包括子代选择器和兄弟选择器，其中子代选择器由符号连接，兄弟选择器由符号“+”和“~”连接，具体如下所示。
（1）关系选择器
例如： h1>strong
说明：表示选择嵌套在h1标记的子标记strong。
（2）临近兄弟选择器
例如： h2+p
说明：表示选择h2标记后紧邻的第一个兄弟标记p。
（3）普通兄弟选择器
例如：p~h2
说明：表示选择p标记所有的h2兄弟标记
@ 和css中的选择器有什么区别？
这个是有区别的。
1、首先说两者是属于不同的两门语言，jquery是属于js的一个框架，则其选择器是js里面的选择器，css是另一门不同于js的语言，其选择器是css选择器，则两者在根本上是不同的。
2、但是两者是有交集的，都是作为网页或者浏览器解析的语言，而js可以通过修改浏览器的dom对象来实现对css修改或者是控制。
3、可以简单的这样区分两者，css选择器用语css当中，js选择器应用于js当中，只不过有时两者使用相同的id标识来选择对象。
@ 怎样区分后代选择器和子代选择器？
1.第一从符号上来区分后代选择器：是用空格来分隔开来 例如<h1>一个<span>人</span>的战争</h1> 就是h1 span{}子代选择器：用特殊符号> 例如 h1>span{}
2.第二从用法上区分后代选择器html部分：<ul class=”study”><li>物理 <ul> <li>力学</li> <li>声学</li> <li>电磁学</li></ul></li><li>数学<ul> <li>微积分</li> <li>概率论</li> <li>博弈论</li></ul></li> </ul> css部分//使用子代选择器的效果.study >li{ border:1px solid red;/*只给物理和数学加一个红色方框*/}//使用后代选择器的效果.study li{ border:1px solid red;/*给物理 力学 声学 电磁学 和数学 微积分 概率论博弈论都加一个红色方框*/}这说明子代是他是单传只给物理和数学就断子绝孙，后代是一代传一代。
子代选择器时效果图：
后代选择器时效果图：
