前端三要素:HTML、CSS、JavaScript介绍以及三者的关系理解

简介: 前端三要素:HTML、CSS、JavaScript介绍以及三者的关系理解

最近在重新系统的学习前端,接下来的博客会把一些前端知识总计下来,以便自己和大家学习参考.


Web前端开发技术包括三个要素:html(结构)、css(样式)、javascript(行为动作)。


现在前端三要素也演化成HTML5、CSS3、jQuery(js中常用的库)。


HTML:HTML可以简单理解为在前端技术中勾勒出一个结构。就像我们盖楼房,需要钢筋水泥先搭建出来一个轮廓,而HTML5是超文本标记言语(HTML)的第五次严重修正。HTML5不是对html的改革,而是一种更加“宽容”的HTML。


CSS3:即层叠款式表,是CSS的升级,是在HTML的结构上进行装潢,能够有用的对页面的规划、字体、色彩、布景和别的结果完成愈加准确的掌握。CSS被拆分为“模块”,如挑选器、盒模子、布景和边框、笔墨殊效、2D/3D转换、动画、多列规划、用户界面等。


jQuery:是轻量级的js库,仅仅是js的一部分内容。用户利用jQuery能更便利地处置HTML、events、完成动画结果。jQuery有很多成熟的插件可供挑选并且可以利用用户的html页面连结代码和html内容别离,不需要在html内里插入一堆js来挪用。


这三个要素是前端开发必需掌握的,学习前端一定要把基础掌握好,灵活运用


但前端开发不只有这几种,另有ajax、json等,熟习把握web前端开发,才可以将网站做的更好。


加油!

目录
相关文章
|
2天前
|
前端开发 JavaScript UED
CSS和JavaScript的结合
【6月更文挑战第29天】CSS和JavaScript的结合
11 4
|
2天前
|
前端开发 JavaScript
使用JavaScript动态更改元素的CSS属性
【6月更文挑战第29天】使用JavaScript动态更改元素的CSS属性
9 3
|
5天前
|
安全 JavaScript
旋转木马轮播图 html+css+js
旋转木马轮播图 html+css+js
|
5天前
|
移动开发 前端开发 JavaScript
HTML5+CSS3+JavaScript网页实战
HTML5+CSS3+JavaScript网页实战
|
7天前
|
JavaScript 前端开发 API
探讨JavaScript动态添加HTML文件的技术
探讨JavaScript动态添加HTML文件的技术
13 1
|
8天前
|
XML 前端开发 JavaScript
HTML、CSS、JavaScript有什么区别
HTML、CSS、JavaScript有什么区别
|
3天前
|
前端开发 JavaScript API
【前端】三种方法实现HTML页面局部打印(ctrl+p效果)效果
【前端】三种方法实现HTML页面局部打印(ctrl+p效果)效果
9 0
|
3天前
|
前端开发 JavaScript 容器
技术经验解读:个人练习:使用HTML+CSS3制作图片轮播功能(不使用JavaScript)
技术经验解读:个人练习:使用HTML+CSS3制作图片轮播功能(不使用JavaScript)
11 0
|
4天前
|
前端开发 网络协议 JavaScript
程序员必知:前端之HTML
程序员必知:前端之HTML
|
5天前
|
前端开发 JavaScript
HTML+CSS+JS 倒计时动画效果
HTML+CSS+JS 倒计时动画效果