第一天的学习内容

学习了基础的计算机用什么组成的

软件系统和硬件系统由什么组成的

还有常见进制，常见进制,编码,计量单位这些常用的

记了些常用的东西

1.定义:计算机是可以进行高效计算的电子设备

1. 特点(作用):

a. 数学逻辑运算

b. 数据记忆存储

c. 指令操作计算

2.计算机由硬件系统和软件系统两部分组成

硬件系统(看得见摸得着的物理设备)

软件系统(操控硬件设备的软件集合)

3.硬件系统(根据冯诺依曼理论分为了五个部分)

输入设备

输出设备

计算器

控制器

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

4.软件系统(一般按照软件功能分为两类)

操作系统--硬件上的第一层软件--支持应用软件

图形化

移动设备

服务器

应用软件--运行在操作系统上的软件--用户使用功能

二.常见进制,编码,计量单位

1.进制--计数规则

二进制--两个基数(0,1)--逢二进一

计算机识别二进制原理:高低电位

常见进制

二进制--bin

十进制--dec

八进制--oct

十六进制--hex

2.编码--自然语言翻译成机器语言

常见字符集(编码后的对应表格):

ASCII--英文

UTF-8--中文

3.计量单位--计算机领域中表示数据量

基础单位

比特(bit位)--人为规定的最小的计量单位

字节(byte字节)--1个字节等于8个比特

常用字节单位

1KB = 1024B

1MB = 1024KB

1GB = 1024MB

第一天的东西还是很常见的，记的话也很容易记，毕竟自己也是计算机专业的这些也是学过的，但是毕业两年的我好像不是也熟悉还会感到陌生，简称最熟悉的陌生人！

第一天就到这了。

接下来就是第二天的内容了

让我详细的了解下

接下来还是常用的标签

Html 常用标签   都是input的标签	<Div>	大盒子，独占一行
	<Spa>	小盒子，我可以和其他的span在同一行显示
	<！---->	快捷键ctrl+？  注释
	Width	宽度
	Heigth	高度
	Input	文本框
	Password	密码框
	Get	明文
	Post	密文
	Rodio	单选框
	Cheeckbok	复选框
	cols	列
	rows	横
	Button	按钮
	Reset	重置
	Submit	提交

标签名	标签选择器的写法	避免关键字-见名只意，推荐使用中文，不使用特殊符号，除了下划线和中划线，不允许数字开头命
.一个类名	类名选择器的写法	可以重复使用，不允许数字开头命名，不允许特殊符号，除了下划线和中划线
#id	Id选择器的写法	不能重复，不推荐使用中文，不使用特殊符号，除了下划线和中划线

Css语言称之为：叠层样式表

选择器的权重：

Id<class<div<继承

Id（100） class（10）标签（1）继承最低

选择器的引入方式有哪些?

内嵌式，外链接，行内式

什么时候用?

1. 内嵌式：style标签中

2. 外链接：样式存入外部css文件

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

b. 通过link标签引入了css文件-href=”css文件路径“

3. 行内式：写在目标标签的style属性中-style=”样式内容“

4. 三种引入方式的选择

a. 内嵌式---结构和样式（html和css）混在同文件

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

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

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

c. 行内式---一定不要用

5. 引入方式的权重问题：

a. 内嵌式=外链接

b. 行内式最高

盒子模型常用的标签

Solid	实线
Border	盒子
Bottom	下
Dashed	虚线
Maergin	外边距
Padding	内边距

Html5结构标签

Header	头
Nav	导航
Asidie	侧边样
Article	文章块标签
Footer	底部
Datalist	数据列表（不设置，用户下拉，白填）
Autofocus	自动获取标点
Autocomplete	自动保存历史记录
Required	空判断
url	网址（必须包含http：//）
Number	数字（只能输入数字）
Search	搜素
Datetime	详细时间（可直接选择）
Month	月份
Week	星期
Time	时间
Date	日期
Range	滑块
<audio src></audio>	音频标签（双标签）
<controls =”controls”>	控制音条（控制面板）
<autoplay=”autoplay”>	自动播放
<loop=”loop”>	循环播放
<video></video>	视频标签

文字外发光，透明背景，渐变背景

Body｛background：url （bg.Jpg）；｝	设置图片
To bottom	设置方向
Go deg	设置角度值
（bo bottom，red%，blue%）	设置百分比

旋转，缩放，移动

样式名	样式值	作用
border-radius	像素单位	圆角属性
background	linear-gradient(方向,颜色,颜色)	渐变色背景
background	url(图片路径)	背景图片
background	rgba(r0-255,g0-255,b0-255,a0-1)	透明色背景
box-shadow	水平 垂直 大小 颜色	盒子阴影
text-shadow	水平 垂直 大小 颜色	文字阴影
transform	rotate(角度值deg)	变化-中心旋转
transform	rotateY(角度值deg)	变化-Y轴旋转
transform	ratateX(角度值deg)	变化-X轴旋转
transform	scale(比例数值)	变化-缩放
transform	translate(水平像素,垂直像素)	变化-位移
transform	rotate(角度值deg) scale(比例数值)	旋转-缩放
transition	属性all 持续时间<br />属性all 持续时间 延迟时间 速度变化<br />ease-in加速,ease-out减速,ease-in-out先加后减	变化过渡
	@keyframes 动画名字(from{样式} to{样式})	设计动画
animation	动画名字 持续时间<br />动画名字 持续时间 alternate infinite	添加动画

第一天的学习内容

学习了基础的计算机用什么组成的

软件系统和硬件系统由什么组成的

还有常见进制，常见进制,编码,计量单位这些常用的

记了些常用的东西

1.定义:计算机是可以进行高效计算的电子设备

1. 特点(作用):

a. 数学逻辑运算

b. 数据记忆存储

c. 指令操作计算

2.计算机由硬件系统和软件系统两部分组成

硬件系统(看得见摸得着的物理设备)

软件系统(操控硬件设备的软件集合)

3.硬件系统(根据冯诺依曼理论分为了五个部分)

输入设备

输出设备

计算器

控制器

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

4.软件系统(一般按照软件功能分为两类)

操作系统--硬件上的第一层软件--支持应用软件

图形化

移动设备

服务器

应用软件--运行在操作系统上的软件--用户使用功能

二.常见进制,编码,计量单位

1.进制--计数规则

二进制--两个基数(0,1)--逢二进一

计算机识别二进制原理:高低电位

常见进制

二进制--bin

十进制--dec

八进制--oct

十六进制--hex

2.编码--自然语言翻译成机器语言

常见字符集(编码后的对应表格):

ASCII--英文

UTF-8--中文

3.计量单位--计算机领域中表示数据量

基础单位

比特(bit位)--人为规定的最小的计量单位

字节(byte字节)--1个字节等于8个比特

常用字节单位

1KB = 1024B

1MB = 1024KB

1GB = 1024MB

第一天的东西还是很常见的，记的话也很容易记，毕竟自己也是计算机专业的这些也是学过的，但是毕业两年的我好像不是也熟悉还会感到陌生，简称最熟悉的陌生人！

第一天就到这了。

接下来就是第二天的内容了

让我详细的了解下

接下来还是常用的标签

Html 常用标签   都是input的标签	<Div>	大盒子，独占一行
	<Spa>	小盒子，我可以和其他的span在同一行显示
	<！---->	快捷键ctrl+？  注释
	Width	宽度
	Heigth	高度
	Input	文本框
	Password	密码框
	Get	明文
	Post	密文
	Rodio	单选框
	Cheeckbok	复选框
	cols	列
	rows	横
	Button	按钮
	Reset	重置
	Submit	提交

标签名	标签选择器的写法	避免关键字-见名只意，推荐使用中文，不使用特殊符号，除了下划线和中划线，不允许数字开头命
.一个类名	类名选择器的写法	可以重复使用，不允许数字开头命名，不允许特殊符号，除了下划线和中划线
#id	Id选择器的写法	不能重复，不推荐使用中文，不使用特殊符号，除了下划线和中划线

Css语言称之为：叠层样式表

选择器的权重：

Id<class<div<继承

Id（100） class（10）标签（1）继承最低

选择器的引入方式有哪些?

内嵌式，外链接，行内式

什么时候用?

1. 内嵌式：style标签中

2. 外链接：样式存入外部css文件

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

b. 通过link标签引入了css文件-href=”css文件路径“

3. 行内式：写在目标标签的style属性中-style=”样式内容“

4. 三种引入方式的选择

a. 内嵌式---结构和样式（html和css）混在同文件

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

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

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

c. 行内式---一定不要用

5. 引入方式的权重问题：

a. 内嵌式=外链接

b. 行内式最高

盒子模型常用的标签

Solid	实线
Border	盒子
Bottom	下
Dashed	虚线
Maergin	外边距
Padding	内边距

Html5结构标签

Header	头
Nav	导航
Asidie	侧边样
Article	文章块标签
Footer	底部
Datalist	数据列表（不设置，用户下拉，白填）
Autofocus	自动获取标点
Autocomplete	自动保存历史记录
Required	空判断
url	网址（必须包含http：//）
Number	数字（只能输入数字）
Search	搜素
Datetime	详细时间（可直接选择）
Month	月份
Week	星期
Time	时间
Date	日期
Range	滑块
<audio src></audio>	音频标签（双标签）
<controls =”controls”>	控制音条（控制面板）
<autoplay=”autoplay”>	自动播放
<loop=”loop”>	循环播放
<video></video>	视频标签

文字外发光，透明背景，渐变背景

Body｛background：url （bg.Jpg）；｝	设置图片
To bottom	设置方向
Go deg	设置角度值
（bo bottom，red%，blue%）	设置百分比

旋转，缩放，移动

样式名	样式值	作用
border-radius	像素单位	圆角属性
background	linear-gradient(方向,颜色,颜色)	渐变色背景
background	url(图片路径)	背景图片
background	rgba(r0-255,g0-255,b0-255,a0-1)	透明色背景
box-shadow	水平 垂直 大小 颜色	盒子阴影
text-shadow	水平 垂直 大小 颜色	文字阴影
transform	rotate(角度值deg)	变化-中心旋转
transform	rotateY(角度值deg)	变化-Y轴旋转
transform	ratateX(角度值deg)	变化-X轴旋转
transform	scale(比例数值)	变化-缩放
transform	translate(水平像素,垂直像素)	变化-位移
transform	rotate(角度值deg) scale(比例数值)	旋转-缩放
transition	属性all 持续时间<br />属性all 持续时间 延迟时间 速度变化<br />ease-in加速,ease-out减速,ease-in-out先加后减	变化过渡
	@keyframes 动画名字(from{样式} to{样式})	设计动画
animation	动画名字 持续时间<br />动画名字 持续时间 alternate infinite	添加动画