CSS学习01

    哈喽，大家好！

    今天让我们走进CSS的学习，相信在这个开发者社区中，很多人都了解并能熟练使用CSS，但我还是想讲一下关于CSS的基本知识。

 一、CSS的起源

     20世纪90年代初，html是一个比较局限的一种语言，当时我们页面的内容几乎完全由段落标签、链接、图片、列表、表格等标签来呈现。大量使用重复性的标签属性，不可避免的会出现一些新标签：font、l、s,这对于页面的维护是一个巨大的挑战。所以在1995年时，W3C就计划来解决这些问题，而这个计划就是——CSS。

二、CSS的结构

    选择器  {属性: 值;   声明;}

三、CSS选择器

    在CSS中有八大选择器，包括标签选择器、id选择器、类选择器、后代选择器、子元素选择器、交集选择器、并集选择器、兄弟选择器。而标签选择器、id选择器、类选择器是三大基本选择器，今天我就先讲讲前五种选择器。

1.标签选择器

    顾名思义，标签选择器就是使用 html 中的标签来作为样式的名额。需注意，标签选择器会对指定的标签有效 ，不管这个标签的层级有多深。

2.id选择器

    id选择器是用于选择标签中指定了 id 属性并指定值的元素，其语法为:  #id的值{}。需注意，相同名称的 id 值在同一个页面只能有一个，必须唯一，不然会造成定义错误。

3.类选择器

   类选择器需要在标签上定义 class 属性，并定义值，然后让这个值作为选择器使用。多个类选择器的使用方式，用空格来分隔。

三大标签选择器的使用场景:

   1)  当希望页面中所有指定的标签都使用相同样式时，就可以使用标签选择器。

   2）当希望某一个元素具有指定样式时，就可以使用 id 选择器。

   3）当希望多种标签都能够使用指定样式时，就可以使用类选择器。

4.后代选择器

   后代选择器的结构: 选择器1  选择器2 {        属性: 值;     }

   后代选择器是获取选择器1的所有后代中名称为选择器2的元素。

5.子元素选择器

   子元素选择器的结构:选择器1 >选择器2 {       属性: 值;   }

    子元素选择器只会获取选择器1的第一层中选择器2所对应的元素。

今天的CSS知识学习就结束了，作为刚刚才跨入大学生活，担任大学生角色的我，同时也是一名CSDN的新手小白，在语言组织方面可能不那么严谨，希望能得到大家的谅解。感谢你们的访问！