测牛学堂:软件测试也要了解的前端知识之html和css

99 阅读1分钟

网页原理

客户端,就是浏览器向远程服务器发起请求,服务器处理请求,并且响应给浏览器。

浏览器对源码进行解析,我们看到的网页样式就是浏览器解析之后的样式。

比如我们看到的文字,图片,音频,视频都及时解析之后的结果。

源码

网页的源码是三种语言组成的,html,css,javascript

html

html就是超文本标记语言。所谓的超文本,文本就是文字。html有图片,音频和视频,超越了文本,就是超文本。

标记语言,就是标签和元素组成的,两个尖括号组成的。需要注意的是,html并不是编程语言。

语法: <元素 属性="属性值">内容</元素>

第二种写法 :有一些是单标记的 <元素 />

作用:就是把内容放在网页上。也可以理解为网页的骨架

常见的标签

div :分区显示标记,主要用于网页布局

font 文字的容器,可以加属性修改文字大小和颜色

img 图片的标签

audio 音频的标签

video 视频的标签

css: 层叠样式表

作用:专门用来修饰html的内容的

语法:

style以html属性的形式写

style还可以以html标签的形式写 ....

style="属性:属性值;"

选择器{属性:属性值;}

css中常见的选择器

标签选择器

类选择器

id选择器

javascript 脚本语言,也是编程语言

作用:让网页动起来(专门做特效的)