#h1是id选择器
h1是标签选择器
@ CSS和HTML是什么？
别看偶是后端，偶照样给你讲个明明白白！
HTML，即超文本标记语言（HyperText Markup Language），是一种用于创建网页的标准标记语言。
这个定义看起来还是太抽象，HTML说白了就是标签的组合：一堆标签组合到一起就构成了一个页面。
来看一个简单的 HTML 文件：
然后它在页面上展示的效果是这样的：
你想在你的页面里展示什么，就引用什么标签就可以了，比如想展示图片就用<img>标签，展示文本框就用<input>标签，展示按钮就用<button>标签，展示一个超链接就用<a>标签，就是这么简单！
偶只负责展示，你要的东西偶给你展示出来就行了，至于你页面丑不丑那就不是偶一个人能搞定的了。想要页面好看，那必须请CSS来助阵。
CSS，即层叠样式表(Cascading Style Sheets)，说白了就是给HTML标签加样式的，让展示的内容更加丰富多彩。两者好比砖头和涂层的关系。
给一个 CSS 的简单例子：
这里规定了<body>,<h1>,<p>标签的样式，可以控制它们展现的颜色，字体，大小等等。
学完 HTML，CSS，就可以画出静态的页面来了，这个时候可以称得上美工了。
实际上，要想让页面动起来和后台进行交互，还要进一步去学习JS。HTML，CSS，JS 三剑客缺一不可：
HTML，CSS 这哥俩相对简单，JS 是前端学习的重头戏，有一定的难度，学完JS才能算前端入门，才可以称得上前端开发工程师。现在好多前端选手大谈React，Vue 等各种前端框架，对底层的 JS 却不去下功夫，偶认为这一点是不可取的。
以上是偶个人对前端学习的一些看法，希望对你有所帮助吧。
@ 类选择器和后代选择器的概念？
类选择器以（.）为前缀，后面为类名。在标签中定义class属性，然后设置属性值为类名选择器。
后代选择器是一种多个用空格分隔的选择器，别称包含选择器。
@ css的类选择器用什么属性引用？
用于来定义一类可以在同一个页面内重复利用的样式。 如比较常用的.clearfix（一般是用于清除浮动），或者自己定义的用于新闻列表的样式，详细的写好链接、列表、边框以及背景等属性，有些人还会习惯把一些常用的属性作为一个类。
