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 却不去下功夫，偶认为这一点是不可取的。
以上是偶个人对前端学习的一些看法，希望对你有所帮助吧。
@ CSS中有哪些常用选择器？
一、CSS选择器有哪些
CSS中的选择器很多，比如：ID选择器，类选择器，通配符选择器，伪类选择器等等，接下来主要介绍常用的几个。
1.标签选择器
语法：标签名{}，eg：h1{}//为所有的h1元素设置样式。
2.ID选择器
语法：#id名{}//id值唯一不能重复,eg:#top{}//为id为top的元素设置样式。
3.类选择器
语法：.class{},eg：.box{}//为所有的class值为box的元素设置样式。
4.组选择器
语法：选择器1，选择器2，选择器N{},eg:#box1,.box2,p{}//为id为box1，class为box2和p的元素共同设置样式。
5、通配符选择器
语法：*{}，eg：*{font-size：16px}//将整个页面字体大小设为16px。
6.后代选择器
语法：选择器1选择器2{}，eg：p.aa{}//选中指定祖先元素p的指定后代.aa。
7.子元素选择器
语法：父元素>子元素{},eg：p>.box{}//选中父元素p的指定子元素.box。注意与后代元素选择器的区别
8.伪类选择器
伪类可以用来表示一些特殊的状态,如：
：link-未访问过的超链接。
：visited-已访问过的超链接。
：hover-鼠标经过的元素。
：active-正在点击的元素。
eg：a:hover{color:red}//鼠标经过a标签时，颜色变为红色。
二、CSS选择器的优先级顺序
当同一属性的不同值都作用到了同一个元素时，如果定义的属性之间有冲突，那么应该用谁的值的，这个时候就涉及到CSS的优先级顺序了。
1.在属性后面使用!important会覆盖页面内任何位置定义的元素样式。
2.作为style属性写在元素内的内部样式
3.id选择器
4.类选择器
5.标签选择器
6.通配符选择器
7.浏览器自定义或继承的
@ 层叠样式表文档是什么？
层叠就是浏览器对多个样式来源进行叠加，最终确定结果的过程.css之所以有“层叠”的概念，是因为有多个样式来源。其中css样式来源有5个，分别是内联样式（<a>）,内部样式(<style></style>),外部样式（写在css文件中的样式），浏览器用户自定义样式，浏览器默认样式；按照其来源优先级为内联样式>内部样式>外部样式>浏览器用户自定义样式>浏览器默认样式按照选择器优先级为id >class>元素选择器如果有important,important优先级最高。
@ css层叠是什么？
层叠指的是样式的优先级，当产生冲突时以优先级高的为准。1. 开发者样式>读者样式>浏览器样式（除非使用!important标记 ）2. id选择符>（伪）类选择符>元素选择符3. 权重相同时取后面定义的样式以下是一段经典的html，三个类名分别为模块、标题和正文。
大部分html页面都可以由这种结构嵌套或者累加而成。
如果觉得《层叠样式表引入css的选择器 CSS和HTML是什么 – CSS – 前端 html css登录界面模板》对你有帮助，请点赞、收藏，并留下你的观点哦！
