springsnow - 博客园

CSS（18）CSS3 过渡与动画

摘要：一、CSS3 过渡:transitionCSS3中，我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript。IE10及以上浏览器支持。1、它是如何工作？CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点，必须规定两项内容：指定要添加效果的CSS属性指定效果的持续时间。应用于宽度属性的过渡效果，时长为 2 秒：div{ transi... 阅读全文

posted @ 2020-02-10 09:24 springsnow 阅读(525) 评论(0) 推荐(0) 编辑

CSS（17）CSS 2D、3D 转换

摘要：一、CSS3 转换通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。浏览器支持Internet Explorer 10、以及 Opera 支持 transform 属性。注释：Internet Explorer 9 需要前缀 -ms-。Chrome 和 Safari 需要前缀 -webkit-。二、2D 转换在本章中，您将学到如下 2D 转换方法：translate()rot... 阅读全文

posted @ 2020-02-10 08:53 springsnow 阅读(541) 评论(0) 推荐(0) 编辑

CSS（16）CSS3 渐变（Gradients）

摘要：一、CSS3 渐变（gradients）渐变效果CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。CSS3 定义了两种类型的渐变（gradients）：线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向径向渐变（Radial Gradients）- 由它们的中心定义线性渐变相关属性：background-image。 IE8 及更... 阅读全文

posted @ 2020-02-10 07:56 springsnow 阅读(443) 评论(0) 推荐(0) 编辑

CSS（15）CSS媒体查询Media Queries

摘要：一、媒体查询继承了 CSS2 多媒体类型的所有思想：取代了查找设备的类型，CSS3 根据设置自适应显示。媒体查询可用于检测很多事情，例如：viewport(视窗) 的宽度与高度设备的宽度与高度朝向 (智能手机横屏，竖屏) 。分辨率目前很多针对苹果手机，Android 手机，平板等设备都会使用到多媒体查询。二、媒体类型：mediatype 媒体类型(Media Types)允许你定义以何种媒介来... 阅读全文

posted @ 2020-02-10 07:33 springsnow 阅读(406) 评论(0) 推荐(0) 编辑

CSS（14）CSS 伪元素

摘要： CSS伪元素伪元素是用来添加一些选择器的特殊效果。伪元素是对元素中的特定内容进行操作，它所操作的层次比伪类更深了一层，也因此它的动态性比伪类要低得多。实际上，设计伪元素的目的就是去选取诸如元素内容第一个字（母）、第一行，选取某些内容前面或后面这种普通的选择器无法完成的工作。它控制的内容实际上和元素是相同的，但是它本身只是基于元素的抽象，并不存在于文档中，所以叫伪元素。所有CSS元素 ... 阅读全文

posted @ 2020-02-10 06:25 springsnow 阅读(216) 评论(0) 推荐(0) 编辑

CSS（13）CSS 伪类(Pseudo-classes)

摘要： CSS伪类伪类是用来添加一些选择器的特殊效果。伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。所有CSS伪类 :ac... 阅读全文

posted @ 2020-02-10 05:25 springsnow 阅读(222) 评论(0) 推荐(0) 编辑

CSS（12）CSS 布局 - 水平 & 垂直对齐

摘要：一、元素居中对齐：margin: auto 要水平居中对齐一个元素div，可以使用 margin: auto;。设置到元素的宽度将防止它溢出到容器的边缘。元素通过指定宽度，并将两边的空外边距平均分配： div 元素是居中的 .center { margin: auto; width: 50%; border: 3px so... 阅读全文

posted @ 2020-02-05 18:56 springsnow 阅读(264) 评论(0) 推荐(0) 编辑

CSS（11）CSS浮动和清理

摘要：一、浮动浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。1、请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：2、再请看下图，当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中，所以它不占据... 阅读全文

posted @ 2020-02-05 18:20 springsnow 阅读(264) 评论(0) 推荐(0) 编辑

CSS（10） Position(定位)

摘要：一、position 属性指定了元素的定位类型。 position 属性的五个值： static relative fixed absolute sticky 元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。 1、static 定位 HTML 元素的默认值... 阅读全文

posted @ 2020-02-05 18:16 springsnow 阅读(283) 评论(0) 推荐(0) 编辑

CSS（09）CSS外边距margin合并

摘要：外边距margin合并：当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。折叠的结果两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。两个外边距一正一负时，折叠结果是两者的相加的和。产生折叠的原因而根据w3c规范，两个margin是邻接的必须满足以下条件 1、必须是处... 阅读全文

posted @ 2020-02-05 17:58 springsnow 阅读(321) 评论(0) 推荐(0) 编辑

CSS（08）边框与圆角

摘要：一、CSS 边框CSS边框属性允许你指定一个元素边框的样式和颜色。1、边框样式:border-style边框样式属性指定要显示什么样的边界。 border-style属性用来定义边框的样式none: 默认无边框dotted: 定义一个点线边框dashed: 定义一个虚线边框solid: 定义实线边框double: 定义两个边框。两个边框的宽度和 border-width 的值相同groove:... 阅读全文

posted @ 2020-02-05 16:35 springsnow 阅读(466) 评论(0) 推荐(0) 编辑

CSS（07）框模型

摘要：所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框和外边距的方式。一、CSS 框模型概述元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距... 阅读全文

posted @ 2020-02-05 15:24 springsnow 阅读(242) 评论(0) 推荐(0) 编辑

CSS（06）列表、表格和光标

摘要：一、列表在HTML中，有两种类型的列表：无序列表 - 列表项标记用特殊图形（如小黑点、小方框等）有序列表 - 列表项的标记有数字或字母使用CSS，可以列出进一步的样式，并可用图像作列表项标记。1、不同的列表项标记list-style-type属性指定列表项标记的类型是：ul.a {list-style-type: circle;}ul.b {list-style-type: square;} o... 阅读全文

posted @ 2020-02-05 15:23 springsnow 阅读(249) 评论(0) 推荐(0) 编辑

CSS（05）字体

摘要： CSS字体属性定义字体，加粗，大小，文字样式。一、所有CSS字体属性 font：在一个声明中设置所有的字体属性 font-family：指定文本的字体系列 font-size：指定文本的字体大小 font-style：指定文本的字体样式 font-variant：以小型大写字体或者正常字体显示文本阅读全文

posted @ 2020-02-05 15:21 springsnow 阅读(215) 评论(0) 推荐(0) 编辑

CSS（04）文本

摘要：一、CSS文本属性 color：设置文本颜色 direction：设置文本方向。 letter-spacing：设置字符间距 line-height：设置行高 text-align：对齐元素中的文本 text-decoration：向文本添加修饰 text-indent：缩进元素中文本的首行 te 阅读全文

posted @ 2020-02-05 12:46 springsnow 阅读(188) 评论(0) 推荐(0) 编辑

CSS（03）背景

摘要： CSS 背景属性用于定义HTML元素的背景。所有背景属性都不能继承。background：简写属性，作用是将背景属性设置在一个声明中。background-color：设置元素的背景颜色。background-image：把图像设置为背景。background-repeat：设置背景图像是否及如何重复。background-attachment：背景图像是否固定或者随着页面的其余部分滚动。back... 阅读全文

posted @ 2020-02-05 10:48 springsnow 阅读(193) 评论(0) 推荐(0) 编辑

CSS（02）CSS选择器

摘要：一、元素（类型）选择器最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。如果设置 HTML 的样式，选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身： html {color:black;} h1 {color:blue;} h2 {color:silver;} 亲自试一试在 W3C 标准中，元素选择器又称... 阅读全文

posted @ 2020-02-05 09:49 springsnow 阅读(222) 评论(0) 推荐(0) 编辑

HTML5（14）代码规范

摘要：一、使用正确的文档类型文档类型声明位于HTML文档的第一行：<!DOCTYPE html>如果你想跟其他标签一样使用小写，可以使用以下代码：<!doctype html>二、使用小写元素名HTML5 元素名可以使用大写和小写字母。推荐使用小写字母：混合了大小写的风格是非常糟糕的。开发人员通常使用小阅读全文

posted @ 2020-02-04 20:33 springsnow 阅读(420) 评论(0) 推荐(0) 编辑

VMware虚拟机三种网络模式详解--Bridged（桥接模式）、NAT（地址转换模式）和Host-Only（仅主机模式）

摘要：一、Bridged（桥接模式）常用的虚拟机软件有VMware Workstations和VirtualBox等。在使用虚拟机软件的时候，很多初学者都会遇到很多问题，而VMware的网络连接问题是大家遇到最多问题之一。 VMware Workstations网络连接的三种模式分别是：Bridged（桥接模式）、NAT（网络地址转换模式）、Host-Only（仅主机模式）。打开vmwa... 阅读全文

posted @ 2020-01-19 16:37 springsnow 阅读(809) 评论(0) 推荐(0) 编辑

Ubuntu安装vscode

摘要：一、安装vscode1、下载：vscode下载地址也可以使用“wget 下载地址 ”进行命令下载或者直接在ubuntu桌面找到应用中心，搜索Visual Studio Code进行下载2、安装通过软件安装器安装：或者通过命令执行安装包：sudo dpkg -i code_1.41.1-1576681836_amd64.deb如果出现依赖问题，执行：然后再次安装vscodesudo apt ins... 阅读全文

posted @ 2020-01-17 17:32 springsnow 阅读(20824) 评论(0) 推荐(0) 编辑

Ubuntu18.04安装Web服务nginx

摘要：一、NginxNginx("engine x")是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的 Web和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。三大WEB服务器：apache, Nginx, lighttpd之一。在高连接并发的情况下，Nginx是Apache服务器不错的替代品。nginx应用场合静态服务器。（图片，视频服务）另一个是ligh... 阅读全文

posted @ 2020-01-17 17:13 springsnow 阅读(7784) 评论(0) 推荐(1) 编辑

Ubuntu之sudo & su

摘要： Ubuntu默认不能直接用root帐户登录,必须从第一个创建的用户(既安装时创建的那个用户)通过su或sudo来获得root权限。在Ubuntu中对系统进行操作很多时候都要使用这个命令，由此可见对于新来说很有必要来认识这个命令。这或许不太方便，但这样增加了安全性，避免用户由于误操作而损坏系统。一、阅读全文

posted @ 2020-01-17 17:07 springsnow 阅读(8300) 评论(0) 推荐(1) 编辑

Ubuntu18.04 安装MySQL5.7

摘要：一、安装MySQL在Ubuntu中，默认情况下，只有最新版本的MySQL包含在APT软件包存储库中,要安装它，只需更新服务器上的包索引并安装默认包apt-get。sudo apt-get update1、安装mysql服务：sudo apt install mysql-server-5.72、检查状态：需要先安装net-toolssudo apt install net-toolssudo ne... 阅读全文

posted @ 2020-01-17 16:00 springsnow 阅读(5084) 评论(0) 推荐(3) 编辑

linux-curl网页访问和wget下载

摘要：一：curl（网页访问，文件传输工具）curl可以下载，但是长项不在于下载，而在于模拟提交web数据，POST/GET请求，调试网页，等等。curl支持URL中加入变量，因此可以批量下载。；使用curl 来跟网站的API 交互，简便清晰。1、安装1.安装： sudo apt install curl2.查看是否成功： curl --version2、常用参数 -c，–cookie-jar：... 阅读全文

posted @ 2020-01-17 13:00 springsnow 阅读(1405) 评论(0) 推荐(0) 编辑

Win7停止更新升Win10教程

摘要：准备工作注意：32位Win7系统只能升32位的Win10系统，64位Win7系统只能升64位的Win10系统，并且版本也是一样，Win7家庭版只能升级Win10家庭版，Win10专业版/旗舰版只能升级Win10专业版。关于各版本升级后的对应版本，微软官方已经给出了对照表，详情请点：《传送门》关于Wi 阅读全文

posted @ 2020-01-16 17:35 springsnow 阅读(424) 评论(0) 推荐(0) 编辑

linux 进程管理

摘要：一、简介当我们运行程序时，Linux会为程序创建一个特殊的环境，该环境包含程序运行需要的所有资源，以保证程序能够独立运行，不受其他程序的干扰。这个特殊的环境就称为进程。每个 Linux 命令都与系统中的程序对应，输入命令，Linux 就会创建一个新的进程。例如使用 ls 命令遍历目录中的文件时，就创建了一个进程。简而言之，进程就是程序的实例。系统通过一个五位数字跟踪程序的运行状态，这个数... 阅读全文

posted @ 2020-01-14 17:37 springsnow 阅读(330) 评论(0) 推荐(0) 编辑

linux vi、Vim编辑器

摘要：一、简介Linux下的文本编辑器有很多种，vi 是最常用的，也是各版本Linux的标配。注意，vi 仅仅是一个文本编辑器，可以给字符着色，可以自动补全，但是不像 Windows 下的 word 有排版功能。 vi 是十年磨一剑的产品，虽然命令繁多，并且大多数功能都是依靠键盘输入来完成，但是一旦你熟悉后，会发现 vi 的功能和效率是其他图形界面编辑器无法比拟的。在Linux中，vi 被... 阅读全文

posted @ 2020-01-14 17:18 springsnow 阅读(333) 评论(0) 推荐(0) 编辑

linux 文件管理

摘要：文件简介用户通过Shell与Linux内核交互。Shell是一个命令行解释工具（是一个软件），它将用户输入的命令转换为内核能够理解的语言（命令）。Linux下，很多工作都是通过命令完成的，学好Linux，首先要掌握常用命令。Linux中的所有数据都被保存在文件中，所有的文件被分配到不同的目录。目录是一种类似于树的结构，称为文件系统。当你使用Linux时，大部分时间都会和文件打交道，通过本... 阅读全文

posted @ 2020-01-14 15:38 springsnow 阅读(238) 评论(0) 推荐(0) 编辑

linux 目录管理

摘要：一、目录结构目录也是一个文件，它的唯一功能是用来保存文件及其相关信息。所有的文件，包括普通文件、设备文件和目录文件，都会被保存到目录中。1、绝对路径和相对路径 /Linux 的目录有清晰的层次结构，/ 代表根目录，所有的目录都位于 / 下面；文件在层次结构中的位置可以用路径来表示。如果一个路径以 / 开头，就称为绝对路径；它表示当前文件与根目录的关系。举例如下：/etc/passwd/users... 阅读全文

posted @ 2020-01-14 14:41 springsnow 阅读(258) 评论(0) 推荐(0) 编辑

Linux 磁盘管理

摘要： Linux磁盘管理好坏直接关系到整个系统的性能问题。Linux磁盘管理常用三个命令为df、du和fdisk。df：列出文件系统的整体磁盘使用量du：检查磁盘空间使用量fdisk：用于磁盘分区一、df(disk free) ：查看磁盘空间的剩余情况df命令df (disk free) 参数功能：检查文件系统的磁盘空间占用情况。可以利用该命令来获取硬盘被占用了多少空间，目前还剩下多少空间等信息。df... 阅读全文

posted @ 2020-01-14 14:33 springsnow 阅读(341) 评论(0) 推荐(0) 编辑

linux 文件系统

摘要：一、简介文件系统就是分区或磁盘上的所有文件的逻辑集合。文件系统不仅包含着文件中的数据而且还有文件系统的结构，所有Linux 用户和程序看到的文件、目录、软连接及文件保护信息等都存储在其中。不同Linux发行版本之间的文件系统差别很少，主要表现在系统管理的特色工具以及软件包管理方式的不同，文件目录结构基本上都是一样的。文件系统有多种类型 ext2 ：早期linux中常... 阅读全文

posted @ 2020-01-14 14:01 springsnow 阅读(214) 评论(0) 推荐(0) 编辑

Ubuntu18.04系统安装与设置

摘要：一、下载官网：https://www.ubuntu.com/download/desktop,且下载速度很慢镜像站网易镜像站：http://mirrors.163.com/ubuntu-releases/清华镜像站 :https://mirrors.tuna.tsinghua.edu.cn/ubuntu-releases/18.04/点击进去，如下：二、安装1、选择安装语言往下拉选择中文，默认是... 阅读全文

posted @ 2020-01-13 18:58 springsnow 阅读(3366) 评论(0) 推荐(0) 编辑

C#（99）：lazy延迟加载

摘要： .在.NET4.0中，可以使用Lazy 来实现对象的延迟初始化，从而优化系统的性能。正如我们所知,对象的加载是需要消耗时间的,特别是对于大对象来说消耗的时间更多.lazy可以实现对象的延迟加载。延时加载，意思是对象在使用的时候创建而不是在实例化的的时候才创建。 Lazy 对象初始化默认是线程安全的阅读全文

posted @ 2020-01-13 18:51 springsnow 阅读(558) 评论(0) 推荐(0) 编辑

CentOS8 安装与设置

摘要：一、CentOS8介绍2019年09月，CentOS 8 官方正式发布了！CentOS 完全遵守 Red Hat 的再发行政策，并且致力与上游产品在功能上完全兼容。CentOS 对组件的修改主要是去除 Red Hat 的商标及美工图。该版本还包含全新的 RHEL upstream, CentOS Streams。官方中文的发行说明：https://wiki.centos.org/Manuals/... 阅读全文

posted @ 2020-01-13 18:26 springsnow 阅读(8010) 评论(0) 推荐(0) 编辑

Vmware虚拟机安装centos8 ，报错“Section %Packages Does Not End With %End. Pane Is Dead”

摘要： Vmware虚拟机安装centos8 ，报错“Section %Packages Does Not End With %End. Pane Is Dead” 错误原因：创建虚拟机，自动加载两个CD问题解决：把CD/DVD(IDE)禁用autoinst.iso，只启用CD/DVD2(IDE)，重启，顺利完成安装解决方法有两个：1. 启动时连接不勾选2.选中第一个CD，点击移除因为问题已解决，没有截... 阅读全文

posted @ 2020-01-13 15:17 springsnow 阅读(2786) 评论(0) 推荐(0) 编辑

Windows下载工具推荐

摘要： 1、Free Download Manager （官网链接）这界面可以说是非常简洁了，习惯了迅雷广告的我看到这个真是泪流满面FDM是一款经典免费下载软件，开源无广告，界面简洁清爽，支持 BT、FTP 下载，支持批量下载、断点续传、捕获 HTTP 链接、FTP 目录浏览等功能，还跨平台支持 Windo 阅读全文

posted @ 2020-01-13 14:55 springsnow 阅读(7356) 评论(0) 推荐(0) 编辑

VMware

摘要： vmware是业界非常稳定且安全的桌面虚拟机软件，VMware虚拟机可让你在一台机器上同时运行二个或更多Windows、DOS、LINUX系统。在虚拟网路，实时快照，拖曳共享文件夹，支持PXE等方面均有特别之处，使用vmware，用户可在单一的桌面上同时运行不同的操作系统，进行开发、测试、部署新的应阅读全文

posted @ 2020-01-13 12:57 springsnow 阅读(414) 评论(0) 推荐(0) 编辑

CentOS与Ubuntu操作系统

摘要： 1、CentOSCentOS是一个开源的Linux发行版。许多人将其称为红帽企业Linux（RHEL）的副本，它被认为是企业IT世界中使用最广泛的。CentOS是社区支持的企业级操作系统，于2004年发布。与RHEL非常相似，这使您可以在一个占主导地位且最好的Linux发行版之一中进行开发。有人可能会说这已经让CentOS领先于Ubuntu。它具有高度可定制性，安全性和稳定性，这也是值得欣赏的。... 阅读全文

posted @ 2020-01-13 11:07 springsnow 阅读(852) 评论(0) 推荐(0) 编辑

Linux 文件基本属性

摘要：一、查看文件属性和权限Linux系统是一种典型的多用户系统，不同的用户处于不同的地位，拥有不同的权限。为了保护系统的安全性，Linux系统对不同的用户访问同一文件（包括目录文件）的权限做了不同的规定。在Linux中我们可以使用ll或者ls –l命令来显示一个文件的属性以及文件所属的用户和组，如：[root@www /]# ls -ltotal 64dr-xr-xr-x 2 root root... 阅读全文

posted @ 2020-01-12 14:35 springsnow 阅读(221) 评论(0) 推荐(0) 编辑

Python（00）：豆瓣电影爬虫

摘要： python豆瓣电影爬虫可以爬取豆瓣电影信息，能够将电影信息存进mysql数据库，还能够下载电影预告片。2、3、 4功能使用到selenium库一个例程运行截图下载好的电影预告片MySQL存储的数据数据表构造这是程序流程图，详细写明了本爬虫的运行流程爬虫程序代码# Author:YFAN impor 阅读全文

posted @ 2020-01-12 10:25 springsnow 阅读(1562) 评论(0) 推荐(0) 编辑

导航