网站 – 第 10 页

Whidy二周岁纪念.

2年前,一直想拥有博客的我,在当时复杂的情感”压力”下创建了whidy!眨眼间两年过去了.

Whidy历经了”风风雨雨”.曾一度迷茫,又一度奋起.两年后的今天whidy变得成熟,变得开朗,变得自信了…虽然还有很多坏的习惯仍在努力的改正中.相信,whidy会变的完美.

再来说说whidy这两年的对互联网的影响,那就是微乎其微了 :cry:,一方面,我不太会seo,另一方面,作为博主,实在没有太多的心思写大量的原创文章.网站也就一直没有什么PR,排名什么就不提了,日访问量30左右的IP,少的可怜…回想以前还想着靠网站做广告呢…其实很多时候我还是十分天真.前阵子百度PR到1了一阵小激动…这没几天又回0了…也不知道为啥.

好吧,其实也不过是篇纪念文,,,文章的最后,感谢朋友对whidy的支持与关怀.还是要记得常来看看,说不定有意想不到的收获,吼吼~

将做好的Apache本地域名的服务器还原成默认localhost访问方法

话说,前两天重装了系统,因为最近研究php,js,本地装了个Zend Studio 9.0.3…但是每次建立一个项目都需要新建个访问目录,,那么之前我做的域名访问具体可参考Apache创建本地域名的服务器(WAMP环境),一下子就变得很麻烦了…我总不能做个小测试的项目就新建立一个域名吧,虽然这些小项目可能不会太多,不过我还是决定将本地的服务器还原.

那么这个之前装的wamp就成了绿色版了 :cool:…废话少说,开始还原(事实上,基本上是个反向操作的过程!):

1.再一次重新安装apache和mysql的服务.并启动它们

2. 修改X:\wamp\bin\apache\Apache2.2.21\conf\extra\httpd-vhosts.conf文件,删除不必要的虚拟域名配置例如:

<VirtualHost *:80>
ServerAdmin whidy@p.com
DocumentRoot “E:/wamp/www/phpcms/”
ServerName “p.com”
ErrorLog “E:/wamp/www/phpcms/error.log”
CustomLog “logs/dummy-host2.appservnetwork.com-access_log” common
</VirtualHost>

3.修改X:\wamp\bin\apache\Apache2.2.21\conf\httpd.conf文件内的

LoadModule vhost_alias_module modules/mod_vhost_alias.so
Include conf/extra/httpd-vhosts.conf

前面都加个#号

***重启所有服务***

测试一下看访问是否正常,如果无法正常访问http://localhost/phpmyadmin/那么请修改这个文件

将

<Directory "X:/wampx64/apps/phpmyadmin3.4.10.1/">
Options Indexes FollowSymLinks MultiViews
AllowOverride all
Order Deny,Allow
Deny from all
Allow from 127.0.0.1
</Directory>

改成

继续阅读“将做好的Apache本地域名的服务器还原成默认localhost访问方法”

如何为第一个或最后一个元素甚至是某类规律元素添加样式?

有时候,我们在写DIV+CSS的时候,在某一类相同的元素内想给其中的第一个元素或者最后一个元素,甚至是其中某些特定的有规则的排列的元素添加特别的CSS样式,我们该如何下手?下面我将给大家将就一些在CSS中十分实用的方法.

首先,你可以手动使用下面这段代码来应用修改某个元素的效果(当然这个办法很笨,是个人都知道):

~~http://jsfiddle.net/kingterrors/szCM9/embedded/result,html,css/~~

PS:由于近日(2014年6月)jsfiddle无法正常访问,可能受内网影响,现将之前所有jsfiddle预览去除,不过你仍然可将以上地址拷贝到浏览器预览,或选择尝试以下代码:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>how to remove margins for first last elements</title>
<style type="text/css">
ul {
    border: 1px solid #000;
    margin: 0;
    padding: 0;
    list-style: none;
    float:left;
}
ul li {
    background:#eee;
    color: #F00;
    margin: 50px;
}
.first {
    color: #000;
    margin-top: 0 !important;
    margin-left: 0 !important;
}
.last {
    color: #0f0;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}
</style>
</head>
<body>
<ul>
  <li class="first">Hello, This is first element</li>
  <li>WOW, so many elements</li>
  <li>WOW, so many elements</li>
  <li>WOW, so many elements</li>
  <li class="last">Here it is, The last element</li>
</ul>
</body>
</html>

当然你也可以利用:first-child伪类和:last-child伪类(当然这种效果IE6完全不支持,IE7,IE8部分支持,其中IE7和IE8效果相同,不支持:last-child),比如:

~~http://jsfiddle.net/kingterrors/44GzJ/embedded/result,html,css/~~

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>how to remove margins for first last elements</title>
<style type="text/css">
ul {
    border: 1px solid #000;
    margin: 0;
    padding: 0;
    list-style: none;
    float:left;
}
ul li {
    background:#eee;
    color: #F00;
    margin: 50px;
}
ul li:first-child {
    color: #000;
    margin-top: 0 !important;
    margin-left: 0 !important;
}
ul li:last-child {
    color: #0f0;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}
</style>
</head>
<body>
<ul>
  <li>Hello, This is first element</li>
  <li>Whidy! so many elements</li>
  <li>Whidy! so many elements</li>
  <li>Whidy! so many elements</li>
  <li>Here it is, The last element</li>
</ul>
</body>
</html>

IE6,IE7,IE8都不能完好支持first-child和last-child伪类

其中还有种很另类的方式,给任意元素的规则性的添加伪类.比如你有5个li元素,你想让每两个li有区别,比如应用在有些特殊列表,你给每两行加上不同的背景色,我这里随便做了个效果给大家参考:

~~http://jsfiddle.net/kingterrors/76jxP/embedded/result,html,css/~~

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>how to remove margins for first last elements</title>
<style type="text/css">
ul {
    border: 1px solid #000;
    margin: 0;
    padding: 0;
    list-style: none;
    float:left;
}
ul li {
    background:#eee;
    color: #F00;
    margin: 50px;
}
ul li:nth-child(2n) {
    color: #000;
    margin-top: 0 !important;
    margin-left: 0 !important;
}
</style>
</head>
<body>
<ul>
  <li>Hello, This is first element</li>
  <li>Whidy! so many elements</li>
  <li>Whidy! so many elements</li>
  <li>Whidy! so many elements</li>
  <li>Here it is, The last element</li>
</ul>
</body>
</html>

当然这个在IE8以下包括IE8的版本都是不被支持的 😯 !

最后总结一下:first-child和:last-child伪类在IE6下是完全不支持的,而IE7和IE8仅支持:first-child,IE9是完全支持的.而:nth-child只有IE9支持,其他的比如Safari 3+, Firefox 3.5+ and Chrome 1+是完全支持以上效果的.

另外,你也可以用jq来控制某个任意元素的样式,之前我也提到过,有兴趣可以看看列表中最后一个元素样式清除修改方法 🙄

如果有兴趣可以参考下原文,Remove Margins for First/Last Elements