一、什么是CSSCSS全称为层叠样式表（CascadingStyleSheets），通常也称为样式表（StyleSheets），用于网页设计；网页制作中使用了CSS技术，可以有效的修改页面。要想更精确地控制网站的布局、字体、颜色、背景等效果，只要对相应的代码进行一些简单的修改，就可以改变同一页面不同部分的外观和格式，或者页数不同的网页；2、CSS的优点是内容和表现分离，即使用前面学过的HTML语言制作网页，使用CSS设置网页的样式和样式，将CSS样式保存在单独的文件中，这样只要HTML文件引用了CSS文件，方便后期维护独特的CSS样式；性能的统一可以使网页的性能非常一致，易于修改；丰富的样式使页面布局灵活；减少网页代码量，提高网页浏览速度；有利于网页被搜索引擎收录；3、CSS的基本语法结构CSS和HTML一样，是浏览器可以解析的计算机语言，所以CSS也有自己的语法结构；CSS规则由选择器和声明两部分组成，声明必须放在花括号{}中，可以是一个也可以是多个；每个语句由一个属性和值组成，用冒号分隔，每个语句以英文单词结尾；#h1代表选择器#font-size和color代表属性#12px和#fff代表属性值p{font-size:12px;color:#fff;}四、style标签通过
五、CSS中的CSS选择器，选择器是一种模式，用于选择需要设置样式的元素；HTML语言中的所有标签样式都通过不同的CSS选择器传递控制;CSS选择器分为三种，分别是：标签选择器、类选择器、ID选择器；标签选择器：一个HTML页面由很多标签组成，如、、
、、等，CSS标签选择器用于声明这些标签；每个HTML标签的名字都可以作为对应的标签选择器的名字，比如标签和
标签，如果我们需要在它们上面定义一个标签选择器，我们应该怎么做；p{font-size:12px;}h1{font-size:16px;}需要注意的是，一个HTML页面会有很多
标签和
标签。声明标签选择器后，将应用页面上的所有标签。虽然这样使用起来很方便，但是如果你想为其中一个标签单独定义属性，就不行了。这时候你需要用到类选择器或者ID选择器；类选择器：类选择器的名称可由用户自定义，属性和值与标签选择器相同，必须符合CSS规范。它的语法如下；#.class1是一个类选择器的名称#font-size是属性#12px是属性值。class1{font-size:12px;}不同于标签选择器，设置类选择器后，需要在HTML标签中应用相应的类样式，使用标签的class属性来引用类样式，如下所示;你好，世界！helloworld!
如下图，上面一行p标签应用了类样式class1，但是下面一行没有，所以上面一行样式有变化，下排没有变化；ID选择器：ID选择器的使用方法与类选择器相同，不同的是ID选择器在HTML页面中只能使用一次，因此更具针对性；比如有一个类选择器.class1，那么它可以应用在页面的多个标签中，有一个ID选择器class1，那么在页面中只能使用一次；这是第一行这是第二行这是第三行这是第二行这是第二行
效果图6.CSS样式引入方法在HTML页面中，可以通过三种方式引入CSS样式，分别是：内联样式、内部样式和外部样式；内联样式：内联样式就是直接使用HTML中的style属性来设置CSS样式，用法是：;这种方法只作用于当前的HTML标签，而且是写在HTML标签中，所以这种方法不能将内容和表现分开，体现不出CSS的优势；internalstyle：这种CSS代码写法的优点是方便在同一个页面修改样式，但不利于多个页面之间共享和重用代码以及维护代码，以及内容和样式的分离不够彻底；externalstyle:实际开发我们都是用这种方式导入.css中的样式。它将CSS代码保存为一个单独的CSS文件，扩展名为.css，然后将这个文件导入到页面中；导入外部样式的语法是：Untitleddocument 这是第一行这是第二行这是第三行这是第二行这是第二行
七、样式优先css的全称是cascadingstylesheet。顾名思义，css中的样式是可以叠加使用的，页面最终的效果就是多种样式的叠加效果；样式的叠加会导致样式之间有冲突，所以有优先级的问题；选择器的优先级为：标签选择器>ID选择器>类选择器；样式优先级：内联样式>内部样式>外部样式；八、CSS复合选择器基于三种基本选择器：标签选择器、类选择器、ID选择器。将两个或多个选择器以不同方式组合而成的选择器称为复合选择器；后代选择器：后代选择器（descendantselector）也称为包含选择器。后代选择器可以选择作为元素后代的元素；它的语法是：春眠不晓，处处闻鸟鸣
后代选择器：交集选择器由两个直接相连的选择器组成，第一个其中必须是标签选择器，第二个必须是类别选择器或ID选择器，这两个选择器之间不能有空格；它的语法是：春眠四处听鸟鸣联合选择器：联合选择器简称集体声明，联合选择器是多个选择器用逗号连接；联合选择器可用于定义完全相同样式或部分相同样式的选择器；语法是：第一
第二
第三
第四
第五
九、继承特性CSS的继承简单来说就是把每一个HTML标签都看成一个容器，被包含的小容器会继承包含它的大容器的样式；所有的CSS语句都是基于每个标签的直接继承关系。CSS继承是指子标签会继承父标签的所有样式，并可以在父标签的样式基础上进行修改，生成新的样式。标签的样式根本不影响父标签；
标签和
标签，如果我们需要在它们上面定义一个标签选择器，我们应该怎么做；p{font-size:12px;}h1{font-size:16px;}需要注意的是，一个HTML页面会有很多
标签和
标签。声明标签选择器后，将应用页面上的所有标签。虽然这样使用起来很方便，但是如果你想为其中一个标签单独定义属性，就不行了。这时候你需要用到类选择器或者ID选择器；类选择器：类选择器的名称可由用户自定义，属性和值与标签选择器相同，必须符合CSS规范。它的语法如下；#.class1是一个类选择器的名称#font-size是属性#12px是属性值。class1{font-size:12px;}不同于标签选择器，设置类选择器后，需要在HTML标签中应用相应的类样式，使用标签的class属性来引用类样式，如下所示;你好，世界！helloworld!
如下图，上面一行p标签应用了类样式class1，但是下面一行没有，所以上面一行样式有变化，下排没有变化；ID选择器：ID选择器的使用方法与类选择器相同，不同的是ID选择器在HTML页面中只能使用一次，因此更具针对性；比如有一个类选择器.class1，那么它可以应用在页面的多个标签中，有一个ID选择器class1，那么在页面中只能使用一次；这是第一行这是第二行这是第三行这是第二行这是第二行
效果图6.CSS样式引入方法在HTML页面中，可以通过三种方式引入CSS样式，分别是：内联样式、内部样式和外部样式；内联样式：内联样式就是直接使用HTML中的style属性来设置CSS样式，用法是：;这种方法只作用于当前的HTML标签，而且是写在HTML标签中，所以这种方法不能将内容和表现分开，体现不出CSS的优势；internalstyle：这种CSS代码写法的优点是方便在同一个页面修改样式，但不利于多个页面之间共享和重用代码以及维护代码，以及内容和样式的分离不够彻底；externalstyle:实际开发我们都是用这种方式导入.css中的样式。它将CSS代码保存为一个单独的CSS文件，扩展名为.css，然后将这个文件导入到页面中；导入外部样式的语法是：Untitleddocument 这是第一行这是第二行这是第三行这是第二行这是第二行
七、样式优先css的全称是cascadingstylesheet。顾名思义，css中的样式是可以叠加使用的，页面最终的效果就是多种样式的叠加效果；样式的叠加会导致样式之间有冲突，所以有优先级的问题；选择器的优先级为：标签选择器>ID选择器>类选择器；样式优先级：内联样式>内部样式>外部样式；八、CSS复合选择器基于三种基本选择器：标签选择器、类选择器、ID选择器。将两个或多个选择器以不同方式组合而成的选择器称为复合选择器；后代选择器：后代选择器（descendantselector）也称为包含选择器。后代选择器可以选择作为元素后代的元素；它的语法是：春眠不晓，处处闻鸟鸣
后代选择器：交集选择器由两个直接相连的选择器组成，第一个其中必须是标签选择器，第二个必须是类别选择器或ID选择器，这两个选择器之间不能有空格；它的语法是：春眠四处听鸟鸣联合选择器：联合选择器简称集体声明，联合选择器是多个选择器用逗号连接；联合选择器可用于定义完全相同样式或部分相同样式的选择器；语法是：第一
第二
第三
第四
第五
九、继承特性CSS的继承简单来说就是把每一个HTML标签都看成一个容器，被包含的小容器会继承包含它的大容器的样式；所有的CSS语句都是基于每个标签的直接继承关系。CSS继承是指子标签会继承父标签的所有样式，并可以在父标签的样式基础上进行修改，生成新的样式。标签的样式根本不影响父标签；
helloworld!
如下图，上面一行p标签应用了类样式class1，但是下面一行没有，所以上面一行样式有变化，下排没有变化；ID选择器：ID选择器的使用方法与类选择器相同，不同的是ID选择器在HTML页面中只能使用一次，因此更具针对性；比如有一个类选择器.class1，那么它可以应用在页面的多个标签中，有一个ID选择器class1，那么在页面中只能使用一次；这是第二行
效果图6.CSS样式引入方法在HTML页面中，可以通过三种方式引入CSS样式，分别是：内联样式、内部样式和外部样式；内联样式：内联样式就是直接使用HTML中的style属性来设置CSS样式，用法是：这是第二行
七、样式优先css的全称是cascadingstylesheet。顾名思义，css中的样式是可以叠加使用的，页面最终的效果就是多种样式的叠加效果；样式的叠加会导致样式之间有冲突，所以有优先级的问题；选择器的优先级为：标签选择器>ID选择器>类选择器；样式优先级：内联样式>内部样式>外部样式；八、CSS复合选择器基于三种基本选择器：标签选择器、类选择器、ID选择器。将两个或多个选择器以不同方式组合而成的选择器称为复合选择器；后代选择器：后代选择器（descendantselector）也称为包含选择器。后代选择器可以选择作为元素后代的元素；它的语法是：春眠不晓，处处闻鸟鸣
后代选择器：交集选择器由两个直接相连的选择器组成，第一个其中必须是标签选择器，第二个必须是类别选择器或ID选择器，这两个选择器之间不能有空格；它的语法是：