黑马程序员技术交流社区

标题: 技术贴 [打印本页]
作者: 阿里山的姑娘    时间: 2019-3-29 19:27
标题: 技术贴
第一天的学习内容
学习了基础的计算机用什么组成的
软件系统和硬件系统由什么组成的
还有常见进制，常见进制,编码,计量单位这些常用的
记了些常用的东西
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
添加动画





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