html是标记型语言，用于给前端码农在网页里的各类元素做好标记，比如图片用img的标记，网址用URL标记，而css就是给页面的各种html标记做排版，比如img标记，要给这个img标记定位在页面的中间，就需要用到css，它们后面跟着的数字代表的是版本号，一般来说版本号高代表着标记类型更多，或支持的功能也多，也会在性能和兼容性上有所提高。但是无论html还是css都是静态的，无法对数据进行进一步出来，比如对输入的数据是邮箱或够不够11位数字，这时需要JavaScript这种脚本语言来弥补html和css在这方面的缺陷。但是光有html，css和Js也还不够，怎么把页面呈现在浏览者的屏幕上，这就需要浏览器和web服务器，在浏览器上用户输入一个网址，然后浏览器提交给网站web服务器，web服务器再在服务器调用对应的网站程序里找到响应的页面再推送给浏览器，这时候浏览器就要对这个页面的html和css，Js等各种元素进行解析和渲染最后才在浏览器上显示各种页面元素和排版，而这个浏览器和web服务器以及网站程序就是用c++,java之类的语言编写的。
li:nth-child(3n+0)
{
background:#ff0000;
}
作为一个WEB前端3年的工作者，今天跟大家聊一下，如何在WEB前端领域拿到高薪。
首先，我在10年就接触了WEB前端这份工作，那时候WEB前端还没有流行那么多框架，学好HTML,CSS,JAVASCRIPT,JQUERY这几个语言就足够了，后来行的的兴起，不断出现了很多的框架，下面我们就这了解一下这些框架。
html5
html5是万维网发布的最新语言规范，做web前端，精通html5是必须要掌握的一项技能。
CSS3
CSS3的语言开发是朝着模块化发展的，这些模块包括盒子模型、列表模块、文字特效和多栏布局等，CSS3对于Web前端整个页面的设计是必备的技能。
JavaScript
java是一种直译式的脚本语言，是一种动态类型、弱类型，基于原型的语言，内置支持类型，掌握了javascript,你就可以给你的网页增加各种不同的动态效果。
JQuery
JQuery是轻量级的JS库，它兼容CSS3，JQuery能够使用户更方便的处理html,实现动画效果，更方便的为网站提供AJAX交互。
AJAX
一旦UI设计与服务架构之间的范围被严格区分开来后，开发人员就需要更新和变化的技术集合了。实现网站交互必须熟练掌握AJAX。
BootStrap
BootStrap是基于 HTML、CSS、Java 的，它简洁灵活，使得 Web 开发更加快捷。Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。
以上关于web前端工程师必备的web前端技术六大技能就简单介绍这些内容，作为web前端工程师，这六大技能你们都掌握了吗?当然如果你掌握了这六大技能，就当前市场需求来讲，薪资水平相对也会很高，web前端工程师这一岗位前景确实很广。
layui中的layer是一款口碑极佳的web弹层组件，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。layui 首个版本发布于2016年秋，她区别于那些基于 MVVM 底层的 UI 框架，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。
Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机端有对应框架是Mint UI 。适合于Vue的UI框架；
Mint UI 是 由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库，Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。
AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图,在数据改变时 React 也可以高效地更新渲染界面。因为该公司对市场上所有JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。
近几年最火的前端框架当属Vue.js了，Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。
上面就是比较常用的几个web前端主流框架，如果你对web前端感兴趣，并且想通过web前端来工作,前端现在已不是以前的前端，而今想要拿高薪，需要一步步掌握这些框架，一起加油吧！
css样式属性list-style-image ：设定列表项目符号的自定义图像。其值是一个引用图像的URL路径。
url ( url ) —— 使用绝对或相对 url 地址指定图像。