引导者本文目录一览：
- 1、CSS3中选择器
- 2、CSS伪类和伪元素的区别及相关应用
- 3、html5新增了哪些标签?css3新增了哪些属性
- 4、css3新增的属性有哪些
- 5、css中给元素添加子元素的伪类
- 6、HTML和CSS的发现与理解
CSS3中选择器
1、通配符选择器（*）通配符选择器是用来选择所有元素，也可以选择某个元素下的所有元素。元素选择器（E）元素选择器，是css选择器中最常见而且最基本的选择器。
2、标签选择器，也称为元素选择器。标签选择器的基本形式如下：tagName{property：value}，其中tagName是标签名称，property是css的属性。类选择器。
3、标签选择器（如：body，div，p，ul，li）。.类选择器（如：class=head，class=head_logo） 。ID选择器（如：id=name，id=name_txt）。全局选择器（如：*号）。
4、使用选择器来插入内容使用after或before选择器，在选择器的content属性中定义要插入的内容，当插入内容为文字的时候，必须要在插入文字的两旁加上单引号或者双引号。
CSS伪类和伪元素的区别及相关应用
与伪类针对特殊状态的元素不同的是，伪元素是对元素中的特定内容进行操作，它所操作的层次比伪类更深了一层，也因此它的动态性比伪类要低得多。
伪类和伪元素的最大区别就在于有没有创建一个文档树以外的元素。伪元素创建了一个文档 树以外的元素并为他添加样式，这个容器不包含任何DOM元素但是可以包含内容。
伪类和伪元素的区别是它们是否创造了新的元素，这个新创造的元素就叫伪元素。
html5新增了哪些标签?css3新增了哪些属性
新增的结构标签：header元素 表示页面中一个内容区块或真个页面的标题。hgroup元素 表示对真个页面或页面中的一个内容区块的标题进行组合。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。
html5新增标签如下：结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。
audio 代表一段声音 ，或音频流。 标签内的文字会在标签不被支持时呈现。属性有：src autoplay loop（播放次数，为-1时循环播放）controls volume(音量)source 为 video 或 audio 这类媒体元素指定媒体源。
css3新增的属性有哪些
box-shadow是CSS3中新增的属性cssonly-child，用于给元素添加一个盒子阴影效果。通过设置阴影的颜色、模糊距离、扩展距离和方向等参数cssonly-child，可以实现不同类型的阴影效果，从而为页面元素增加层次感和立体感。
[class~=flower] 选择 title 属性包含单词 flower 的所有元素。 [class|=box] 选择 lang 属性值以 box 开头的所有元素。 cssonly-child：focus 选择获得焦点的 input 元素。
CSS3圆角表格圆角表格，对应属性：border-radius。以往对网页上的文字加特效只能用filter这个属性，这次CSS3中专门制订了一个加文字特效的属性，而且不止加阴影这种效果。对应属性：font-effect。
css中给元素添加子元素的伪类
1、：nth-child（）：nth-child（n） 伪类选择器用于选择其父元素的第 n 个子元素。例如，：nth-child（2）将选择每个父元素的第二个子元素。
2、first-child 伪类，可以使用first-child伪类来选择元素的第一个子元素，如下图第一个元素分别为p元素的第一个元素和li元素的第一个元素。：lang 伪类，可以为不同的语言定义特殊的规则。
3、first-child向元素的第一个子元素添加样式。IE中必须声明 ！DOCTYPE。：lang向带有指定 lang 属性的元素添加样式。IE中必须声明 ！DOCTYPE，IE8以下不支持。CSS中，还有伪元素，形态及使用方法类同伪类。
4、nth-child(n){}/*匹配第n个子元素，可以是表达式，也可以是系统自带属性，如odd，even*/a：nth-of-type(n){}/*同上，不同点在于匹配所有子元素，nth-of-type匹配某个特定子元素*/常用是这些伪类。
5、伪类选择器分为结构性、子元素、 UI、动态和其它伪类选择器备注：为了更好的区分伪类和伪元素，书写上CSS做了区分。
HTML和CSS的发现与理解
空的HTML元素：没有内容的HTML元素被称为空元素。在XHTML、XML以及未来版本的HTML中，所有元素都必须被关闭。
首先要了解HTLM基础、CIV框架以及CSS样式，HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
）HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2）CSS样式是表现（外观控制），就像网页的外衣，如标题字体、颜色变化，或为标题加入背景图片、边框等。
