相信正在学习Web前端知识的小伙伴们都知道，学习Web前端开发基础技术需要掌握：HTML、CSS、JavaScript，那么这三个都是分别可以创建什么有趣的东西呢？

一、HTML是网页内容的载体

内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

二、CSS样式是表现

就像网页的外衣，比如：标题字体、颜色变化、为标题加入背景图片、边框等。

所有这些用来改变内容外观的东西称之为表现。

三、JavaScript是用来实现网页上的特效效果

比如：鼠标滑过弹出下拉菜单、鼠标滑过表格的背景颜色改变、焦点新闻的轮换。

可以理解为：有动画的、有交互的一般都用JavaScript来实现。

HTML之代码注释：

代码注释是帮助程序员标注代码的作用，过一段时间后再看你所编写的代码，就能很快想起这段代码的作用。

代码注释不仅方便程序员自己回忆起以前代码的用途，还可以帮助其他程序员很快的读懂你的程序的功能，方便多人合作开发网页代码。

HTML之语义化：

语义化其实就是明白每个标签的用途，它能够让你的网页更好的被搜索引擎理解。

它的好处可以总结为两点：

(1)更容易被搜索引擎收录；

(2)更容易让屏幕阅读器读出网页内容；

HTML之em、strong和span的区别：

(1)和标签是为了强调一段话中的关键字时使用，他们的语义是强调；

(2)标签是没有语义的，它的作用就是为了设置单独的样式用的；

HTML之summary,caption：

作用是为table添加标题和摘要

摘要的内容不会在浏览器中显示出来，它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

代码注释：

在CSS中的注释语句：用/*注释语句*/来标明

在Html中使用来标明

HTML选择器的问题：

后代选择器与子选择器的区别

子选择器(child selector)仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

总结：

>作用于元素的第一代后代，空格作用于元素的所有后代。

以上就是我总结的HTML、CSS、JavaScript这三个分别能实现的功能，希望能帮到大家！

BCD B 比如class类型 class = "nav"的话 那么css对应 .nav{} C 比如 body input 就是直接对应 body{} input{} D ID选择器 id="name" 那么css对应 #name{}

css层次选择器具体用法如下：

采用后代选择器 ：从上面可以看出所有的标签都是body的后代,那么我们使用后代选择器,就可以将body的后代(所有标签)改变样式: 后代选择器是用祖先加上空格再加上后代标签类型进行声明的。

以上资料供参考。

css里大于号表示css3特有的子元素选择器；子元素选择器只能选择作为某元素子元素的元素；如果你不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，就可以使用子元素选择器

css指的是层叠样式表（Cascading Style Sheets），它是一种用来表现html或XML等文件样式的计算机语言，是用来表示html样式的一种编程语言，是可以做到网页和内容进行分离的一种样式语言。

css中大于符号

css中大于符号（“>”）代表的是css3特有的子元素选择器（element>element ）。子元素选择器（Child selectors）只能选择作为某元素子元素的元素。

如果你不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）。