1.1 精灵图一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。
因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了 CSS 精灵技术（也称 CSS Sprites. CSS 雪碧）。
1.2 精灵图的使用使用精灵图核心总结：
精灵图主要针对于小的背景图片使用。...
1. 浮动（float）1.1 传统网页布局方式网页布局的本质——用 CSS 来摆放盒子，把盒子放到相应位置。
CSS 提供了三种传统布局方式：
普通流
浮动
定位
1.2 标准流（普通流/文档流）所谓的标准流，就是标签按照规定好的默认方式排列。
块级元素会独占一行，从上到下顺序排列常用元素：div、hr、p、h1-h6、ul、ol、dl、form、table
行内元素会按照...
1. 为什么需要定位一些固定盒子的效果，标准流或浮动都无法快速实现，此时需要定位来实现。所以：
浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子
定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。
2. 定位组成定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位=定位模式+边偏移。
定位模...
1. 盒子模型1.1 看透网页本质网页布局过程：
准备网页元素，网页元素基本都是盒子 box
利用 CSS 设置好盒子样式，然后摆放到相应位置。
往盒子里放东西。
本质：利用 CSS 摆盒子。
1.2 盒子模型（Box Model）组成CSS 盒子模型本质上是一个盒子，封装周围的 HTML 元素，包括：边框、外边距、内边距和实际内容。
1.3 边框（border）border 可以设置...
1. Emmet 语法
快速生成 HTML 结构代码
快速生成 CSS 样式代码
2. 复合选择器由基础选择器组合而成。
后代选择器
子选择器
并集选择器
伪类选择器
2.1 后代选择器（重要）后代选择器又称为包含选择器，可以选择父元素里的子元素。写法是将外层标签写在前面，内层标签写在后面，中间空格分开。语法
12元素1 元素2 { 样式声明; }
上述语法表示...
Nginx 服务器搭建
Linux 的两种安装方式首先，介绍一下 Linux 的安装方式，可以是 yum 安装，也可以是源码包安装。
yum 安装：简单方便，不易出错。
源码包安装：有点繁琐，但是服务性能好。
yum 安装1. 安装 Nginxyum 安装 nginx 非常简单，就输入一条命令即可。
12$ sudo yum -y install nginx # 安装 nginx$...
CSS 简介与基础选择器
1. CSS 简介1.1 HTML 的局限性HTML 是网友的骨架，只关注内容的语义。例如<h1>表示大标题，<p>表示段落。
早期的时候，HTML 只能做一些简单的样式，网页非常丑，而且使 HTML 代码臃肿。
1.2 CSS-网页的美容师CSS 是 层叠样式表（Cascading Style Sheets）的简称。
CSS 也是一种标记语...
Linux 环境搭建 - vim 选项设置
Linux 下 vim 语法高亮、行号显示
步骤1：
cp /usr/share/vim/vimrc ~/.vimrc
先复制一份vim配置模板到个人目录下
注：redhat 改成 cp /etc/vimrc ~/.vimrc
步骤2：
vi ~/...
Linux 服务器篇 - MySQL 安装
创建一台服务器实例，并且实例必须满足以下条件：
已分配公网IP地址或绑定弹性公网IP
系统： centos 7.6 （本机实例所使用的操作系统）
相关端口、安全规则已放行 22、80、443、3306 等端口
检查服务器是否已经安装 MySQL，
1rpm -qa | grep mysql
这是我已经安装过显示的 文件，如果在未安装之...
cccs7‘s code
记录一下刷题时所使用的的一些常见的技巧、思路
Java常用API数据结构LinkedList
removeLast()
用来删除链表的最后一个元素，并返回 被删除的元素值
.addLast(value)
用于 将 指定value 的值 添加到链表的尾部
常用操作
Arrays.stream(arr).foreach();
123456789101112...
