黑马程序员技术交流社区

标题: 测试技术 [打印本页]

作者: zkl 时间: 2019-3-29 14:24
标题: 测试技术
1.计算机硬件系统(根据冯诺依曼理论分为了五个部分)

输入设备

输出设备

计算器

控制器

存储器(内存储器,外存储器)

2.HTML基础.

前端三大组成部分--HTML(结构)--CSS(样式)--JS(行为)

HTML--超文本标记语言:负责的是页面结构

HTML介绍

<!DOCTYPE HTML> -- 文档类型是html

<html> </html> -- 页面中最外层标签--根标签

<head> </head> -- 网页头部标签-里面内容主要是给浏览器看的内容

<title> </title> -- 网页标题标签-里面内容会显示在浏览器窗口标签上

<body> </body> -- 网页主体标签-里面内容显示在浏览器的窗口中

3.HTML语法规则

HTML页面由正确嵌套的标签(标记)构成

标签分为单标签和双标签

单标签 -- <单标签名称 />

双标签 -- <双标签名称> </双标签名称>

标签属性的写法

键值对: 属性名="属性值"

<标签名属性名1="属性值" 属性名2="属性值">

空格和换行的实现方法

空格实体 --  

换行标签 -- <br />

4.超链接

超链接标签使用<a></a>标签可以实现

超链接的作用一般是点着一个文字,跳转到一个页面,所以一个超链接最基本的内容包含两个部分

点击的内容-- <a>点击的内容</a>

跳转的连接-- <a href="http://完整的线上网址">点击的内容</a>

<a href="本地资源路径">点击的内容</a>

新窗口打开链接地址

1. <a href="本地资源路径" target="_blank">点击的内容</a> --shift 减号英文状态

5.表单

表单的作用--web网页上用来收集用户数据form，通过某种方式method,将数据提交到后台程序action

6.CSS语法

层叠样式表--负责的是页面的样式(变大变小变漂亮)

CSS写在style标签中

特性：

继承性 -- 子孙元素继承父级元素的样式

覆盖性 -- 同一选择器设置同一样式,后设置的覆盖先设置的

7.基础选择器

选择器作用 -- 找到页面元素

标签选择器 -- 标签名

一般标签都重复

需要选中某些标签时使用

ID选择器 -- #id属性值

id属性不允许重复

唯一选中标签时使用

类名选择器 -- .一个类名

类名可以重复

class属性可以有多个类(class="bzldxns"),用其中一个

选中属于某个类的标签时使用

8.复合选择器

复合选择器 -- 选择器组合使用

后代选择器

语法 -- 祖先选择器子孙选择器

通过祖先找子孙的时候可以使用

注意目标标签是后面的子孙

并集选择器

语法 -- 目标选择器1,目标选择器2,目标选择器3

需一起选中多个选择器的元素时可以使用

注意目标标签是所有选择器

命名规则：

字母数字下划线

数字不开头

不用中文

避开关键字

9.选择器的权重

基本选择器的权重

id选择器 > 类名选择器 > 标签选择器>继承(最低)

复合选择器的权重

使用的简单选择器之和

10.CSS存放位置(引入方式)

内嵌式:style标签中

外链式:样式存入外部css文件

单独将css内容写入css文件中--只写选择器和样式内容

通过link标签引入css文件--href="css文件路径"

行内式:写在目标标签的style属性中--style="样式内容"

三种引入方式的选择

内嵌式 -- 结构和样式(HTML和CSS)混在同一文件

不需要加载外部css文件,加载速度快--电商首页

外链式 -- 代码分离--结构和样式分离--管理修改方法

除了电商网站的首页的其他情况

行内式 -- 一定不要用

引入方式的权重问题

内嵌式 = 外链式

行内式最高

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2