前端语言串讲 | 青训营笔记

78 阅读2分钟

前端“三剑客”

HTML,CSS,Javascript三种语言同等重要,缺一不可。

HTML:创建框架结构

HTML叫超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

HTML

CSS:添加网站或者网页的样式

CSS中文叫层叠样式表,层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

主要使用选择器,然后对选择器进行添加样式

Javascript:增加用户的交互体验

可以去了解一下JS的发展过程,;例如:ES6,ES7......

JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。

JS主要功能:

1.嵌入动态文本于HTML页面。

2.对浏览器事件做出响应。

3.读写HTML元素。

4.在数据等被提交到服务器之前验证数据。

5.检测访客的浏览器信息。控制cookies,包括创建和修改等。

6.基于Node.js技术进行服务器端编程。

HTML中使用CSS

在HTML中使用CSS有三种方式: 1、内联方式:Inline CSS

在标签内部使用style属性来设置元素的CSS样式,这种方式称为内联定义方式。

语法格式: <标签 style="样式名:样式值;样式名:样式值;样式名:样式值;..."></标签>

例如:

This is a paragraph.

2、样式块方式:Internal CSS

在head标签中使用style块,这种方式被称为样式块方式。
语法格式:

选择器 { 样式名 : 样式值; 样式名 : 样式值; ..... }

例如:

body{background-color:blue;} p {color:yellow;}

3、引入外部的.CSS文件:External CSS

样式写到一个独立的xxx.css文件当中,在需要的网页上直接引入css文件,样式就引入了