两年了，今天（2015-08-09）终于把两年前下载的网页设计视频看完了，罪过罪过，拖了那么长的时间！

两年期，也就是高二期末那段时间（2013-06），不知道从哪里看到一帖子标题大概是“某机构一元堂HTML+CSS”的在线培训，只要一块钱就可以在线培训，当时兴冲冲的打开了支付宝，交了一块钱学费去报名了。课程开课是的时间记得是2013-06-18，课程全部讲完的时间是2013-07-18，刚好为期一个月。由于那会正在高中，寄宿在学校，虽然是报名曲培训，但宿舍没有电脑，没有网络，唯有到网吧去听课，但也只是在线听了一节，随后的课程都是等到讲师录制上传完成再去下载观看，课程讲完的时候我还没有将进度跟上。而后8月份高三毕业班又提前开学了，唯有把学习的课程停下，大概看到实战项目开发的阶段，就没有继续看下去了。

直到大一，又重头开始看，一直看看停停，直到今天才把视频看完，罪过罪过。

其中，大一的第二学期学校的课程里有HTML+CSS,给人的感觉就是，培训机构的课程更加的贴近日后的工作，学校的课程更多是以打基础为主，不管怎么样，各有各的优势。接下来就是去学习HTML5+CSS3+Javascript，为什么不去学习PHP呢？因为大二的课程就是主打PHP和Cisco网络！！！

说了这么多，拖了这么久，都是因为拖延症（lan）晚期了！

CSS

*{
    margin: 0px;
    padding: 0px;
}
.list{
    width: 200px;
    height: 200px;
    background: blue;
    float: left;
    margin-left: 30px;
}

HTML

<div class="list"></div>
<div class="list"></div>
<div class="list"></div>
<div class="list"></div>

解决前

解决方法：给第一个DIV加上样式

display:inherit;

CSS

*{
    margin: 0px;
    padding: 0px;
}
.list{
    width: 200px;
    height: 200px;
    background: blue;
    float: left;
    margin-left: 30px;
}

HTML

<div class="list" style="display:inline;"></div>
<div class="list"></div>
<div class="list"></div>
<div class="list"></div>

解决后

微软在29号如期的发布了windows 10 正式版，之前在虚拟机中安装体验过预览版，新的界面甚是喜欢，但在虚拟机中体验不是很好，所以一直期待着正式版发布，等了那么多天终于来了。

有的人喜欢windows 10 也有的人不喜欢，反正我是喜欢，收到推送就升级了，正式版果然没有让我失望！

滤镜概述
CSS滤镜并不是浏览器的插件，也不符合CSS标准，而是微软公司为了增强其IE浏览器功能而特意开发合并的IE浏览器中的一类功能的集合。

filter:filtername(parameters);
filter 滤镜属性
filtername 滤镜名称
parameters 滤镜参数

1、不透明度

filter:alpha(参数=参数值)
filter:alpha(opacity=50)
opacity 透明度 0 - 100 
100 为完全不透明
0 为完全透明
IE 6\IE 7\IE 8\IE 9 支持 
IE 10\IE 11 不支持
chrome\firefox 不支持

2、动感模糊

filter:blur(add=参数值,direction=参数值,strength=参数值...)
add 原图是否显示 值：true false
direction 参数用来设置模糊的方向，模糊效果是按照顺时针方向进行的。其中0度代表垂直向上，每45度一个单位，默认值是向左271度。
Strength 参数值只能使用整数来指定，他代表有多少像素的宽度将受到模糊影像，默认值是5像素。
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

3、透明色

filter:chroma(color=颜色值);
color 颜色值 把该颜色透明掉
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

4、阴影效果

filter:dropshadow(color=颜色值,position=参数值,offx=参数值,offy=参数值)
color 用于控制阴影颜色
position 设置阴影是否为透明
offx 设置阴影相对于原始图像移动的水平距离
offy 设置阴影相对于原始图像移动的垂直距离
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

5、对象翻转

filter:fliph; 水平翻转
filter:flipv; 垂直翻转
filter:fliph flipv; 水平与垂直都翻转
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

6、发光效果

filter:glow(color=颜色值,strength=强度值);
color 设置发光颜色
strength 设置发光强度，取值范围（1-255）默认值为5
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

7、灰度处理

filter:gary;/*黑白照片*/
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

8、反相效果

filter:invert;
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

9、X光片效果

filter:xray;
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

10、遮罩效果

filter:mask(color=颜色值);
*注意：需要给背景设置一个颜色
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

11、波形滤镜

filter:wave(add=参数值,freq=参数值,lightstrength=参数值,phase=参数值,strength=参数值);
add 设置是否要把对象按照波形样式打乱 true false
freq 设置图片上的波形数目
lightstrength 设置波浪的光照强度，取值范围（0 - 100）
phase 设置波浪的强度大小
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

替换文本属性（alt）
alt 属性用来为图像定义一串预备的可替换的文本，替换文本属性的值是用户定义的。当浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。

提示文本属性(title)
title 属性是当鼠标滑过时显示的文字提示，用户体验上很重要。当然不必要所有的img标签都加此属性，比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。

但IE错误的将alt属性当做title属性来使用，在笔者的测试中，测试了IE6,IE8,IE9,IE10,IE11,其中只有在IE6下才错误的将alt属性当作title属性来使用。

笔者为此请教了很多网页开发的朋友，很多朋友都是title和alt一起使用，全面兼顾，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。

准备工作

20G硬盘空间（当然也可以根据自己的需求来分）
Ubuntu镜像（博主使用的是Ubuntu-14-04-1-desktop-i386）32位的镜像
UltraISO（中文名为“软碟通”用来刻录启动U盘）
U盘（推荐4G的U盘，博主使用的是8G的U盘，但刻录完只占用986M）
EasyBCD（用来引导启动）

0x01

在Windows7系统中可以使用系统自带的“磁盘管理”工具来分来Ubuntu分出20G的空间，分出的硬盘空间为空闲状态。

0x02

使用UltraISO将Ubuntu镜像以USB-ZIP+写入方式写入U盘中，将U盘变成启动U盘

0x03

用EasyBCD引导启动U盘安装Ubuntu
“添加新条目”-“NeoGrub”-“安装”-“配置”

在弹出的文本窗口中复制下面的代码进去覆盖里面的代码，Ubuntu-14.04.1-desktop-i386.iso这段根据自己的情况修改，保存。
title Install Ubuntu 

root (hd0,0) 

kernel (hd0,0)/vmlinuz boot=casper iso-scan/filename=/ubuntu-14.04.1-desktop-i386.iso ro quiet splash locale=zh_CN.UTF-8
initrd (hd0,0)/initrd.lz 

0x04

关机-插U盘-开机-进BIOS-设置U盘启动-重启-安装Ubuntu-继续-想安装快就不要联网和“安装中下载更新”以及“安装这个第三方软件”-继续-其他选项-继续

0x05
下面开始分区，点一下“空闲”然后点下面的“+”就可以分区了
第一次分区：
“空闲”处点“+”，进行如下设置：

大小：10240MB（博主安装参考文章说的分了5120MB，但是不够用，建议分10240MB可以看本文章末尾处图片）
新分区的类型：主分区
新分区的位置：空间起始位置
用于：EXT4日志文件系统
挂载点：“/”

第二次分区：
“空闲”处，继续点“+”，如下设置

大小：2048MB（建议是分为物理内存的两倍，看自己需求）
新分区的类型：逻辑分区
新分区的位置：空间起始位置
用于：交换空间
挂载点：（不设置）

第三次分区：
“空闲”处，继续点“+”，如下设置

大小：200MB
新分区的类型：逻辑分区
新分区的位置：空间起始位置
用于：EXT4日志文件系统
挂载点：/boot

第四次分区：
“空闲”处，继续点“+”，如下设置

大小：剩余全部空间
新分区的类型：逻辑分区
新分区的位置：空间起始位置
用于：EXT4日志文件系统
挂载点：/home

0x06
分区完毕后，下方有一项“安装启动引导器的设备”默认是Ubuntu引导Windows7,要从Windows7引导Ubuntu就选/boot这项，然后就是一路继续，安装完后会自动重启，重启进入Windows7系统，在Windows7系统中是再使用EasyBCD来做最后一次引导

“添加新条目”-“Linux/BSD”-“驱动器”-“Linux-190MiB”

0x07

全部完成

在安装好Ubuntu后，默认是没有root权限的，要使用root，那就得给root设置一个密码

0x01

Ctrl+Alt+T    调出终端

0x02

sudo passwd root    给root设置密码

0x03

输入当前用户密码

0x04

输入要为root设置的密码

0x05

再输一次要为root设置的密码

0x06

设置完毕

记录下更换域名的步骤吧，在更换之前，给博客备份是必不可少的重要步骤。
1、域名解析
将新的域名解析到主机，并在主机绑定域名。
2、修改域名
*到phpmyadmin数据库管理面板执行SQL命令

UPDATE `typecho_users` SET `url` = replace (`url`,'http://old.example.com','http://new.example.com')修改用户URL
UPDATE `typecho_options` SET `value` = replace (`value`,'http://old.example.com','http://new.example.com')修改站点URL
UPDATE `typecho_comments` SET `url` = replace (`url`,'http://old.example.com','http://new.example.com')修改评论中的URL
UPDATE `typecho_contents` SET `text` = replace (`text`,'http://old.example.com','http://new.example.com')修改文章中的URL

*注
如果表前缀不是默认，请自行修改。

UPDATE `cdb_name` SET `field_name` = replace (`field_name`,'from_str','to_str')

*注解

cdb_name(该字符或字符串所在表的名字)
field_name(该字符或字符串所在字段的字段名)
from_str(需要替换的字符串)
to_str(替换成的字符串)

最后检查哪些地方没有修改过来，自行修改！

即日起（其实域名前几天已经换了），本博客域名正式从i0o0.com更改为ziz.me！麻烦友链的朋友见到此更改下，谢谢！

很久不打理博客了，都快长草了，垃圾评论一大堆，不知道是怎么突破的我验证码的，不过还好这些垃圾评论都是来自同一个IP的，使用.htaccess来禁止或拒绝某个IP的访问！

Order Allow,Deny
Allow from all
Deny from 62.210.78.179 186.91.75.165 190.73.238.196 190.207.200.250 190.206.23.6 190.38.166.112 186.90.62.215

直接添加到网站根目录下的.htaccess文件中，没有的就新建一个。