Css学习基础笔记05
CSS基础语法学习——溢出的文字隐藏，精灵技术，CSS3动画一、溢出的文字隐藏
work-break:自动换行（主要处理英文单词）
normal: 使用浏览器默认的换行规则
break-all：允许在单词内换行
keep-all: 只能在 半角空格 或 连字符 处换行
white-space
设置或检索对象内文本显示方式，通常我们使用于强制一行显示内容。
normal:
nowrap: 强制在同一行内显示所有文本，直到文本结束或者遭遇<br/>标签才换行
text-overflow: 文本溢出
text-ocerflow: clip | ellipsis
设置或检索是否使用一个省略标记（……）标示对象内文本溢出
clip:不显示省略号，只是简单的裁剪
ellipsis: 当对象文本溢出时显示省略号标志
注：必须强调在一行内显示，text-overflow才有效果
二、CSS精灵技术（sprite） 小妖精 雪碧
精灵技术产生的背景：由于网站中会有较多小的背景图作为修饰，当图片过多时，服务器就会频繁的接收和发送请求，这会大大降低页面的加载速度。为了减少服务器接 ...
Css学习基础笔记04
CSS基础语法学习——定位，元素显示与隐藏，CSS高级技巧CSS定位（position）
元素的定位属性
元素的定位属性主要包括定位模式和边偏移两个部分
边偏移
边偏移属性
描述
top
顶部偏移量，定义元素对其父元素上边线的距离
bottom
底部偏移量，定义元素对其父元素下边线的距离
left
左侧偏移量，定义元素对其父元素左边线的距离
right
右侧偏移量，定义元素对其父元素右边线的距离
定位模式（定位的分类）
值
描述
static
自动定位（默认定位方式）
relative
相对定位，相对于其原文档流的位置进行定位
absolute
绝对定位，相对于其上一个已经定位的父元素进行定位
fixed
固定定位，相对于浏览器窗口进行定位
静态定位（static）
静态定位为默认定位模式，对于边偏移无效。一般用于清除定位
相对定位（relative）
将元素相对于它在的标准流中的位置进行定位
通过相对定位后通过边偏移属性改变元素的位置，但是原来所占有的位置会继续占有
每次移动位置是以自己的左上角为基点进行移动。
...
Css学习基础笔记03
CSS基础语法学习——CSS三大特性，网页布局，浮动，清除浮动一、CSS三大特性
CSS层叠样式
若样式冲突，遵循的原则是就近原则，哪个样式距离结构近就执行哪个样式
样式不冲突是不会层叠的
CSS继承性
子标签会继承父标签的某些样式，如文本颜色和字号
text- , font- , line- 这些元素开头的几乎都能继承
CSS优先性
元素定义的样式会覆盖继承样式
权重相同时，css遵循就近原则，也就是靠近元素的优先级更大
CSS定义了一个!important命令，该命令赋予最大优先级
CSS特殊性（Specificity）
Specificity是一个四位的数字串，更像四个级别，从左到右，左面的最大，一级大于一级，数位之间没有进制，级别之间不可跨越。继承的权重为0
继承或*的贡献值
0，0，0，0
每个元素（标签）贡献值为
0，0，0，1
每个类，伪类贡献值为
0，0，1，0
每个ID贡献值为
0，1，0，0
每个行内样式贡献值为
1，0，0，0
每个!important贡献值为
无穷大
权重叠加1234567ul li{ ...
Css学习基础笔记02
CSS基础语法学习——样式表，标签显示模式，复合选择器，背景一、样式表
内部样式表
内部样式表将CSS代码写在HTML头部标签中，并且用style标签定义12345<head> <style type="text/css"> 选择器：{ 属性名：属性值 } </style></head>
行内样式表（内联样式表）
是通过标签的style属性来设置元素的样式1<标签名 style="属性名:属性值;属性名2:属性值2"> </标签名>
外部样式表（外链式）
从外部引入CSS文件通过link标签将外部样式文件链接到HTML文件中,link标签为但标签
rel：表示当前文件与被链接文档之间的关系。指定为”stylesheet“,表示被链接的文档为一个样式表123<head> <link href="css文件路径/外部链接网址" type="text/css" rel=""stylesheet /></head>
各种样式表之间的比 ...
Css基础学习笔记01
CSS基础用法的相关标签01——字体，选择器，外观属性一、CSS字体
font-size：(字号大小)
相对长度单位：
相对长度单位
说明
em
相对于当前对象内文本的字体尺寸
px
像素，最常用的单位
绝对长度单位
绝对长度单位
说明
in
英寸
cm
厘米
mm
毫米
pt
点
font-family:(字体)
中文：微软雅黑,英文:Microsoft yaHei,Unicode编码：\5FAE\8F6F\96C5\9ED1
多个字体样式之间用英文逗号隔开
尽量使用偶数字号
font-weight:(字体加粗)
normal:正常字体，相当于数值中的400
bold：粗体，相当于数值中的700
bolder：定义比继承值更重的值
lighter：定义比继承制更轻的值
font-style:(字体风格)
normal:指定文本样式为正常
italic: 指定文本样式为斜体 ，（标签<em></em>也可以使得文字倾斜）
oblique: 指定文本样式为倾斜，单纯倾斜文字
fo ...
DNS域名解析
DNS域名解析服务一、DNs服务概述
DNS(Domain Name System)域名系统，在TCP/IP 网络中有非常重要的地位，能够提供域名与IP地址的解析服务。
DNS是一个分布式数据库，命名系统采用层次逻辑结构，如同一棵倒置的树，这个逻辑的树状结构称为域名空间。 - 由于DNS划分了域名空间，所以各机构可以使用自己的域名空间来创建DNS信息 - DNS域名空间中，树的最大深度不超过127层，数的每个结点的最大长度可存储63个字符
DNS根域下面是顶级域，也是Internet域名注册授权机构管理，共有3种类型的顶级域。
组织域：采用三个字符代号，表示DNS域中所包含的组织的主要功能或活动
.com为商业机构组织
.edu为教育机构组织
.gov为政府机构组织
.mil为军事机构组织
地址域：采用两个字符的国家或地区代号
cn为中国
kr为韩国
us为美国
单向域 ：这是一个特殊域，名字为in-addr.arpa，用于将IP地址映射到名字（反向查询）
区（Zone）,资源记录
区是DNS名称空间的一部分，其包含了一组存储在DNS服务器上的资源记录。
使用区 ...
github基础使用
github仓库使用一、仓库建立
在登录后进入仓库创建界面，填写仓库名称和描述即可创建仓库
仓库主页的功能介绍
修改项目介绍，点击edit
查看仓库名称，一般情况仓库名称即为项目名称
Create new file创建文件、upload files上传文件、Find file搜索仓库文件
Clone or Download直接下载或通过github克隆
点击事务卡片issu可以新建issu,在发现代码bug,但是目前没有成型代码需要讨论时使用。
二、仓库管理
新建文件
点击create new file新建文件
进入后填写文件名称和文件内容
填写每次提交的目的和描述，为了方便其他开发者知道本次添加或修改的原因
点击Commit new file 即可提交
编辑文件
点击文件名到文件详情页可以做删除和修改动作
点击文件描述可以查看该文件提交的详细信息
点击修改符号进行修改文件
填写修改的目的和具体描述
点击Commit new file 即可提交
删除文件
点击文件名进入文件详情页
点击删除按钮删除文件
填写修改的目的和具体描述
点击Commit new file ...
了解浏览器
了解浏览器一、浏览器的Layout Tree和DOM Tree
layout布局阶段：主线程通过遍历DOM 和计算好的样式来生成Layout Tree。
Layout Tree 上的每个结点都记录了x,y坐标和边框尺寸。
DOM Tree和Layout Tree并不是一一对应的，使用伪类控制的元素不会出现在DOM Tree结点中，只会出现在Layout Tree 结点中。这也是JS无法控制伪类的原因。设置了display:none的元素不会出现在Layout Tree中，只会出现在DOM Tree中。
Layout Tree和最后显示在屏幕上的结点是一致的
二、浏览器渲染流程
主线程，合成线程，栅格线程
主线程：DOM，style,layout,paint,layer
合成器线程：tiles , frame
栅格线程：raster, draw quads
重排和重绘
布局绘制和JS都是在主线程运行的，当在一的时间内布局和绘制结束后还有剩余时间，JS就可以获得主线程控制权，若JS执行时间过长会导致没有及时归还主线程，主线程无法及时渲染下一帧动画，从而造成页面卡顿。
优化动画：r ...
HTTP协议
HTTP协议详解一、形象理解HTTP协议
什么是HTTP协议：HTTP协议即按一定规则，向服务器要数据，或发送数据。而服务器则按一定规则回应数据。
HTTP协议的工作流程
原始状态客户端与服务器没有关系
建立连接，发送请求
沿着连接，返回响应信息
断开连接，两者再次没有关系
HTTP请求信息和响应信息的格式
请求：请求行、请求头信息、请求主体信息
请求行：请求方法、请求路径、所用协议
请求方法：GET、POST、HEAD、PUT、DELETE、TRACE、OPTIONS
请求路径：URL的一部分
所用协议版本：一般是HTTP/1.1
请求头信息
请求主体信息
响应：响应行、响应头信息、响应主体信息
响应行： 协议版本、状态码、状态文字
响应头信息：content-type , content-length等
响应主体
请求方法虽然是HTTP协议里面规定的，但web server未必允许或支持这些方法
HEAD：和GET基本一致，只是返回的内容不同。比如我们只是想要确认一个内容是否还正常存在，不需要返回内容本身，这时可以使用HEAD
TRACE：使用代理上网， ...
计算机网络08——网络安全基础
计算机网络——网络安全基础一、网络安全概述
网络安全通信所需要的基本属性：
机密性
消息完整性
可访问与可用性
身份认证
网络安全威胁
窃听
插入
假冒
劫持
拒绝服务DoS和分布式拒绝服务DDoS
映射
嗅探
IP欺骗
二、数据加密
数据加密
明文：未加密的消息
密文：被加密的消息
伪装消息以隐藏消息的过程，即明文转变为密文的过程
解密：密文转变为明文的过程
传统加密方式
替代密码：用密文字母代替明文字母。移位密码加密函数： Ek(M)=(M+k)mod q
解密函数： Dk(C)=(K+k)mod q
换位密码：根据一定的规则重新排列明文
q：字母表长度， k：移动位数，M：明文所处位置。
现代密码分类
对称密钥加密：加密密钥和解密密钥相同（密钥保密）
非对称密钥加密：加密密钥和解密密钥不同（公钥和私钥）
对称密钥密码分类：
分组密码：DES、AES、IDEA等
DES：56位密钥，54位分组
三重DES：使用两个密钥（共112位），执行三次DES算法
AES：分组128位，密匙128/192/256位
IDEA：分组64位，密钥128位
流密码
非对 ...
