计算机硬件划分根据冯诺依曼理论分5个部分
计算机硬件系统分为五部分分别是输入设备：键盘、鼠标、输出设备：屏幕、计算器+控制器：CPU 、存储器：内存，外存
软件系统分为系统软件+应用软件
常见软件系统：图形化桌面windows macos linux、移动端：android、 ios 服务器操作系统
应用软件：安装在操作系统上的第三方功能软件
二进制：高电位为1 低电位为0
ascii表GBK中文码表 处理中文的国际编码标准 UTF-8
基础的单位：比特bit
节字bytes 1B=8b 1KB=1024B 1MB=1024KB
常用DOS命令
指令：shutdown /s /t 秒数： 设置定时关机
shutdown /a： 取消自动关机
ping www.baidu.com： 检查与该网站是否连通
ipconfig -all：显示网卡信息 ——以太网适配器 本地连接或以太网 物理地址（内网）
盘符名称：：   盘符切换
cd 文件名:进入
cd..返回上一级
cd/根目录
dir 当前文件夹的文件
cd 绝对路径（不能跨越盘符）
cd 相对路径（..代表上一级，.代表当前路径）
Tab可以补全
md 路径/目录 可以新建一个目录
echo 内容>文件名称 新建一个带内容的文件 >是覆盖，>>是追加
rd 路径/目录 删除目录（文件夹是空的才能删）
del 文件 删除的是文件
rd 文件/s  强制删除
copy 文件所在目录 文件新目录（可以重命名）     复制粘贴
move 文件所在目录 文件新目录     剪切粘贴
web=world wide web 全球广域网
前端组成三部分： HTML（结构） CSS（美化样式） JS（行为）
HTML中文为 超文本标记语言
<br/>换行
&nbsp;空格
<h1></h1>标题
Hbuilder 用绝对路径不能直接在软件中运行
SO 前端中不推荐使用绝对路径
相对路径 下级查找
<img src='img\1.png'/>
相对路径 上级查找
<img src='..\1.png'/>
<img src='..\img\1.png'/>

弱语意
<b>加粗<>    <s>删除<>    <i>倾斜<>
强语意
<strong>加粗<strong>   一般限制两次
<del>删除<del>  马上替换<s>
<em>倾斜<em>
布局标签
<div>  </div>独占一行（大盒子）
<span> <span>可以跟别的同一行(小盒子)
<p></p>段落标签
代码的注释 ctrl+？ 解除注释再按一遍
测试时需提醒删除，对于用户没有意义，会占网速，影响用户体验
<img src=‘’/>插入图片
src=资源  属性名='属性值'
<img src=‘’ width='' height=''/>  改变大小
只设置宽或高中的一个属性，另一个会同比例变化
<title=''>悬停提示文字，是在里面的属性
<alt=''>无法正常加载的时候，就会显示
   超链接（双标签）
<a></a>
如果要跳转线上网站，必须添加htpp://  超文本传输协议
打开方式：本窗口打开,新窗口打开：<a...+target='_blank'>
空链接
<a href='#'>。。。</a>       (会让程序回到顶部)
=javascript:;
=javascript:void(0);
测试人员关注
超链接的作用
开发人员写了空链接，不要提BUG
表单的作用：收集数据。
表单标签
<form></form>
action =表单提交数据的位置
method = 传输数据的方法，‘get'代表明文传输，‘post’简单加密传输
输入框
用户名：input  type='text' 代表普通输入框
提示名 后面空格加 placeholder
密码框：possword
单选框：type=radio
单选需要建立同个 name=xb
label for= nan   前面也要改 id= nan(提高用户体验)
复选框
type= checkbox   

下拉菜单
select + option
文本域
textarea  （cols，rows分别代表列和行，程序员一般不使用，兼容性问题）
测试细节：右下角要关闭，不允许用户自行改变大小
按钮
普通input type=button value=可以显示
重置input type=reset value=重置 （value属性一定要设置）
提交input type=submit value=提交（同理）
默认选中
checked='checked'
selected='selected'
列表标签
无序列表
ul   li
有序列表 （标签要使用的准确在能保证标签语义化能得到最好的体现）
ol   li
CSS 级联样式，层叠样式表
写在head的最后的里面
style   type 可有可无
样式：选择器{样式名1：样式值； 样式名2：样式值2；}
div{color:blue;font-size：100px；} 变颜色，变大小
选择器
1   标签单独改
2    id选择器
给<p id='zs'>起名字
#zs{...}
ID是唯一的，不能出现重复
id不能数字开头，不推荐使用中文，不能用特殊符号，可以使用_和-。
3     类选择器
给<p class='bz'>起名字
.bz{...}
类名可以重复使用
class不允许数字开头，不允许特殊符号，可以使用_和-。
不推荐使用中文，最好是见名知意
选择器的特性：
大盒子可以嵌套小盒子 div可以嵌套p。反向则不可以
继承性：子类标签没有定义颜色，继承父类
覆盖性：权重相同的时候，后写的会被覆盖
复合选择器
后代选择器：用空格来实现
后代指的是儿子，孙子
也可以用class类
同一个标签设置Id和class不会有冲突，取得值一样也不会出现问题
并集选择器
用逗号来进行连接
可以使用任意普通选择器来进行书写

基础选择器的权重
前提：必须是同一个标签设置CSS才有权重之分
id>>类名class>标签选择器>继承
复杂选择器 （将选择器的权重值相加，值大的权重大）
复合标签比单标签重
CSS的引入方式：
1.内嵌式：
写在style里面的是css的内嵌式
2.外链式：
新建一个css文件外（里面不写style）
原先的html head 里面写link Tab   href路径地址
3.行内式
写在标签的内部
对比内嵌式 外链式可以实现CSS代码和HTML代码的分离效果 方便代码的修改
内嵌式css不用加载外部的css文件，网页的加载速度就更快一点 电商首页的对于网页的打开速度有更高的要求
除了电商网站除外 都需要用外链式
行内css一定不要写 因为修改十分不方便 还会导致页面混乱 加载速度慢
引入方式的权重对比
外链式比内嵌式权重相同 行内式权重最高
盒子边框属性：
border：1px solid red;四周的实线
border-top:1px solid red;上面的实线
border-bottom:2px dashed blue;下面的虚线
border-left:5px solid yellow;左边的实线
border-right:10px dashed green; 右边的虚线
内边距
padding内容与边框指定距离
padding: 10px 20px 30px 40px；
一个代表方向都一致
两个代表上下
三个代表 上 左右 下
四个代表 上右下左
外边距
margin：10px 20px 30px 40px；
一个代表四个方向的外边距
与padding相同



html5新增标签
头部 用 header表示       
导航 用 nav来表示
侧边栏是用 aside来表示
文章块是用 article 来表示
底部是用 footer来表示
语义化标签，可以提高网站搜索排名
表单标签
数据列表标签
在input type=text list='xx'
<datalist id='xx'> （关联）
option
value=。。
表单验证书签
非空字段
在input type=text 后面加入required=‘required’（判断是否非空）
autofocus=‘autofocus’ (自动获取焦点属性 光标自动在位)
autocomplete=‘on’ name='xx'(name里面的值是对应我们提交的数据所保存的文件夹一样的地方)
其他新增标签
邮箱地址的验证：type=email
网址的验证：type=url
数字的验证：type=number  输入框只能输入数字
搜索框的验证：type=search 可以在文本框的最后位置出现一个X，点击后可以把内容清空
详细的日期时间：type=datatime-local
月份：type=month
星期：type=week
时间：type=time
年月日：type=date
滑块操作：type=range

计算机硬件划分根据冯诺依曼理论分5个部分
计算机硬件系统分为五部分分别是输入设备：键盘、鼠标、输出设备：屏幕、计算器+控制器：CPU 、存储器：内存，外存
软件系统分为系统软件+应用软件
常见软件系统：图形化桌面windows macos linux、移动端：android、 ios 服务器操作系统
应用软件：安装在操作系统上的第三方功能软件
二进制：高电位为1 低电位为0
ascii表GBK中文码表 处理中文的国际编码标准 UTF-8
基础的单位：比特bit
节字bytes 1B=8b 1KB=1024B 1MB=1024KB
常用DOS命令
指令：shutdown /s /t 秒数： 设置定时关机
shutdown /a： 取消自动关机
ping www.baidu.com： 检查与该网站是否连通
ipconfig -all：显示网卡信息 ——以太网适配器 本地连接或以太网 物理地址（内网）
盘符名称：：   盘符切换
cd 文件名:进入
cd..返回上一级
cd/根目录
dir 当前文件夹的文件
cd 绝对路径（不能跨越盘符）
cd 相对路径（..代表上一级，.代表当前路径）
Tab可以补全
md 路径/目录 可以新建一个目录
echo 内容>文件名称 新建一个带内容的文件 >是覆盖，>>是追加
rd 路径/目录 删除目录（文件夹是空的才能删）
del 文件 删除的是文件
rd 文件/s  强制删除
copy 文件所在目录 文件新目录（可以重命名）     复制粘贴
move 文件所在目录 文件新目录     剪切粘贴
web=world wide web 全球广域网
前端组成三部分： HTML（结构） CSS（美化样式） JS（行为）
HTML中文为 超文本标记语言
<br/>换行
&nbsp;空格
<h1></h1>标题
Hbuilder 用绝对路径不能直接在软件中运行
SO 前端中不推荐使用绝对路径
相对路径 下级查找
<img src='img\1.png'/>
相对路径 上级查找
<img src='..\1.png'/>
<img src='..\img\1.png'/>

弱语意
<b>加粗<>    <s>删除<>    <i>倾斜<>
强语意
<strong>加粗<strong>   一般限制两次
<del>删除<del>  马上替换<s>
<em>倾斜<em>
布局标签
<div>  </div>独占一行（大盒子）
<span> <span>可以跟别的同一行(小盒子)
<p></p>段落标签
代码的注释 ctrl+？ 解除注释再按一遍
测试时需提醒删除，对于用户没有意义，会占网速，影响用户体验
<img src=‘’/>插入图片
src=资源  属性名='属性值'
<img src=‘’ width='' height=''/>  改变大小
只设置宽或高中的一个属性，另一个会同比例变化
<title=''>悬停提示文字，是在里面的属性
<alt=''>无法正常加载的时候，就会显示
   超链接（双标签）
<a></a>
如果要跳转线上网站，必须添加htpp://  超文本传输协议
打开方式：本窗口打开,新窗口打开：<a...+target='_blank'>
空链接
<a href='#'>。。。</a>       (会让程序回到顶部)
=javascript:;
=javascript:void(0);
测试人员关注
超链接的作用
开发人员写了空链接，不要提BUG
表单的作用：收集数据。
表单标签
<form></form>
action =表单提交数据的位置
method = 传输数据的方法，‘get'代表明文传输，‘post’简单加密传输
输入框
用户名：input  type='text' 代表普通输入框
提示名 后面空格加 placeholder
密码框：possword
单选框：type=radio
单选需要建立同个 name=xb
label for= nan   前面也要改 id= nan(提高用户体验)
复选框
type= checkbox   

下拉菜单
select + option
文本域
textarea  （cols，rows分别代表列和行，程序员一般不使用，兼容性问题）
测试细节：右下角要关闭，不允许用户自行改变大小
按钮
普通input type=button value=可以显示
重置input type=reset value=重置 （value属性一定要设置）
提交input type=submit value=提交（同理）
默认选中
checked='checked'
selected='selected'
列表标签
无序列表
ul   li
有序列表 （标签要使用的准确在能保证标签语义化能得到最好的体现）
ol   li
CSS 级联样式，层叠样式表
写在head的最后的里面
style   type 可有可无
样式：选择器{样式名1：样式值； 样式名2：样式值2；}
div{color:blue;font-size：100px；} 变颜色，变大小
选择器
1   标签单独改
2    id选择器
给<p id='zs'>起名字
#zs{...}
ID是唯一的，不能出现重复
id不能数字开头，不推荐使用中文，不能用特殊符号，可以使用_和-。
3     类选择器
给<p class='bz'>起名字
.bz{...}
类名可以重复使用
class不允许数字开头，不允许特殊符号，可以使用_和-。
不推荐使用中文，最好是见名知意
选择器的特性：
大盒子可以嵌套小盒子 div可以嵌套p。反向则不可以
继承性：子类标签没有定义颜色，继承父类
覆盖性：权重相同的时候，后写的会被覆盖
复合选择器
后代选择器：用空格来实现
后代指的是儿子，孙子
也可以用class类
同一个标签设置Id和class不会有冲突，取得值一样也不会出现问题
并集选择器
用逗号来进行连接
可以使用任意普通选择器来进行书写

基础选择器的权重
前提：必须是同一个标签设置CSS才有权重之分
id>>类名class>标签选择器>继承
复杂选择器 （将选择器的权重值相加，值大的权重大）
复合标签比单标签重
CSS的引入方式：
1.内嵌式：
写在style里面的是css的内嵌式
2.外链式：
新建一个css文件外（里面不写style）
原先的html head 里面写link Tab   href路径地址
3.行内式
写在标签的内部
对比内嵌式 外链式可以实现CSS代码和HTML代码的分离效果 方便代码的修改
内嵌式css不用加载外部的css文件，网页的加载速度就更快一点 电商首页的对于网页的打开速度有更高的要求
除了电商网站除外 都需要用外链式
行内css一定不要写 因为修改十分不方便 还会导致页面混乱 加载速度慢
引入方式的权重对比
外链式比内嵌式权重相同 行内式权重最高
盒子边框属性：
border：1px solid red;四周的实线
border-top:1px solid red;上面的实线
border-bottom:2px dashed blue;下面的虚线
border-left:5px solid yellow;左边的实线
border-right:10px dashed green; 右边的虚线
内边距
padding内容与边框指定距离
padding: 10px 20px 30px 40px；
一个代表方向都一致
两个代表上下
三个代表 上 左右 下
四个代表 上右下左
外边距
margin：10px 20px 30px 40px；
一个代表四个方向的外边距
与padding相同



html5新增标签
头部 用 header表示       
导航 用 nav来表示
侧边栏是用 aside来表示
文章块是用 article 来表示
底部是用 footer来表示
语义化标签，可以提高网站搜索排名
表单标签
数据列表标签
在input type=text list='xx'
<datalist id='xx'> （关联）
option
value=。。
表单验证书签
非空字段
在input type=text 后面加入required=‘required’（判断是否非空）
autofocus=‘autofocus’ (自动获取焦点属性 光标自动在位)
autocomplete=‘on’ name='xx'(name里面的值是对应我们提交的数据所保存的文件夹一样的地方)
其他新增标签
邮箱地址的验证：type=email
网址的验证：type=url
数字的验证：type=number  输入框只能输入数字
搜索框的验证：type=search 可以在文本框的最后位置出现一个X，点击后可以把内容清空
详细的日期时间：type=datatime-local
月份：type=month
星期：type=week
时间：type=time
年月日：type=date
滑块操作：type=range