HTML
写网页怎么离得开html，html也叫超文本标记语言，它包括很多标签。通过标签对文字，图片，声音，视屏等网页元素进行格式化处理。html就是网页的基础。
CSS
CSS是层叠样式表的英文简称，CSS能够对网页的元素的位置进行排版，那些漂亮的网页就是用CSS进行排版的，什么元素在什么位置都是通过CSS进行处理的，部分网页的动态效果也是用css实现的，常见的loading样式，鼠标进入图片放大等效果都可以用CSS实现。网页的布局离不开CSS。
Javascript
JavaScript简称js，是一款解释型脚本语言，它对网页的作用就是处理用户事件的，比如网页的元素被点击后有什么效果，就需要利用js进行事件绑定。比如登录界面，用户输入账号密码后点击登录。js就会处理这些事件，去访问后台拿到结果后判断是否登录成功。总之，js就是处理事件的。
前端框架
前端框架就是对js的二次封装，把常用的功能封装起来，提高开发者的开发效率。
常见的前端框架有jquery：独特的链式语法和简洁的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展。
Bootstrap：让页面更加简洁、直观。是移动设备优秀的前端开发框架,让网页开发更迅速、更简单。它还提供了优雅的HTML和CSS规范，有着丰富的网格布局系统以及大量的可重用组件，还支持JavaScript、jQuery插件以及组件定制等。
AngularJS：有很多特性，最为核心的是MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
Vue：Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
调试工具
网页写好了，总是要看看效果的，这个时候调试工具是必要的，一般都是用浏览器进行调试，chrome，Firefox等主流浏览器的网页调试方法都要会。
以上都学会了，就需要项目进行实战了。
@ html子元素怎么表示？
在使用 emmet 的缩写形式来创建 html 代码结构的时候，可以使用嵌套。在元素里嵌套它的子元素，可以使用大于号(>)。
比如在一个无序列表 ul 元素里，嵌套一个它的子元素 li 元素 … 先输入一个 ul .. 后面加上一个大于号，如果你学习过宁皓网的 CSS3 选择器的课程，你会知道，这个 > 号表示元素的子元素 … 在它的右边输入大于号左边的元素的子元素的名字 …. 这里就是 li 元素 … 按下 tab 键 …
得到的代码就是一组 ul 元素里嵌套一个 li 子元素 ..
这个 ul>li 有个更简单的形式，(#撤回)…. 直接使用 ul+ … 这个简写形式会得到同样的结果 …
类型的还有 ol+ … 它是 ol>li 的简写形式 … 也就是在 ol 有序列表元素里，嵌套一个 li 元素 …
table
@ 标签选择器有哪些？
1. 标签名选择器 div { color：Red;} /即页面中的各个标签名的css样式
2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式
3.ID选择器 #myDiv {color:Red;} /即页面中的标签的id
4.后代选择器（类选择器的后代选择器） .divClass span { color:Red;} /即多个选择器以逗号的格式分隔 命名找到准确的标签
5.群组选择器 div,span,img {color:Red} /即具有相同样式的标签分组显示
@ 和css中的选择器有什么区别？
这个是有区别的。
1、首先说两者是属于不同的两门语言，jquery是属于js的一个框架，则其选择器是js里面的选择器，css是另一门不同于js的语言，其选择器是css选择器，则两者在根本上是不同的。
2、但是两者是有交集的，都是作为网页或者浏览器解析的语言，而js可以通过修改浏览器的dom对象来实现对css修改或者是控制。
3、可以简单的这样区分两者，css选择器用语css当中，js选择器应用于js当中，只不过有时两者使用相同的id标识来选择对象。
