两年了,今天(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>

解决前
1.jpg

解决方法:给第一个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>

解决后
2.jpg

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

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

滤镜概述
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”-“安装”-“配置”

QQ20150129001928.png


在弹出的文本窗口中复制下面的代码进去覆盖里面的代码,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 

QQ20150129001849.png
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”

QQ20150129001720.png

0x07

全部完成

工作区 1_010.png
xlinux@xlinux-Portable-PC: ~_012.png

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

0x01

Ctrl+Alt+T    调出终端

xlinux@xlinux-Portable-PC: ~_009.png

0x02

sudo passwd root    给root设置密码

xlinux@xlinux-Portable-PC: ~_004.png

0x03

输入当前用户密码

xlinux@xlinux-Portable-PC: ~_005.png

0x04

输入要为root设置的密码

xlinux@xlinux-Portable-PC: ~_006.png

0x05

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

xlinux@xlinux-Portable-PC: ~_007.png

0x06

设置完毕

xlinux@xlinux-Portable-PC: ~_008.png

记录下更换域名的步骤吧,在更换之前,给博客备份是必不可少的重要步骤。
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!麻烦友链的朋友见到此更改下,谢谢!

之前科学上网都是使用VPN的,后来接触了Shadowsocks,发现ShadowsocksVPN更好用,但是我自己使用的Shadowsocks账号都是在网上买的,不是架设在自己的服务器,而且购买的账号是有流量限制的,便萌生了自己架设Shadowsocks的想法,终于今天完成了,特来记录一下!
*注:
本人使用的是Centos6.5 32bit

yum install m2crypto python-setuptools
easy_install pip
pip install shadowsocks

安装完毕后,配置一下服务端的文件(需要会使用VI),执行

vi /etc/shadowsocks.json

*注:执行vi /etc/shadowsocks.json后,按下i键,此时为输入模式,建议不会用VI的朋友可以先把下面的配置内容复制本地记事本编辑好后再复制粘贴到服务器VI编辑器中,粘贴好后按下Esc键,然后输入:wq保存退出VI编辑器
配置文件内容

{
    "server":"服务器 IP 地址",
    "server_port":8388,
    "local_address": "127.0.0.1",
    "local_port":1080,
    "password":"mypassword",
    "timeout":300,
    "method":"aes-256-cfb",
    "fast_open": false,
    "workers": 1
}

保存后,执行


screen -S ssserver
ssserver -c /etc/shadowsocks.json
ctrl+a,d (按住ctrl再依次按a,d)

更详细的方法:
https://github.com/clowwindy/shadowsocks/wiki/Shadowsocks-%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E