CSS+DIV网站布局设计,SEO搜索引擎优化,网站规划。 DIV+CSS+SEO+SEM 2010-11-10T16:27:10Z http://www.css-garden.cn/index.php/feed/atom/ WordPress admin http://www.css-garden.cn <![CDATA[合格的SEO必须熟练掌握的高级搜索指令大全]]> http://www.css-garden.cn/?p=538 2010-11-10T16:27:10Z 2010-11-10T16:25:27Z 拜读了zac的未出版的新书《seo实战密码》中的一小部分被公开下载的pdf文档——了解搜索引擎,深刻的感受到了自己在seo领域的肤浅。

下面对文章中提到的一些高级搜索指令,总结如下,目的只是为了让大家使用的时候可以方便的ctrl+c、ctrl+v

1、双引号

把搜索词放在双引号中,代表完全匹配搜索,也就是说搜索结果返回的页面包含双引号中出现的所有的词,连顺序也必须完全匹配。百度和Google 都支持这个指令。例如搜索:“seo方法图片”

2、减号

减号代表搜索不包含减号后面的词的页面。使用这个指令时减号前面必须是空格,减号后面没有空格,紧跟着需要排除的词。Google 和百度都支持这个指令。

例如:搜索 -引擎

返回的则是包含“搜索”这个词,却不包含“引擎”这个词的结果

3、星号

星号*是常用的通配符,也可以用在搜索中。百度不支持*号搜索指令。

比如在Google 中搜索:搜索*擎

其中的*号代表任何文字。返回的结果就不仅包含“搜索引擎”,还包含了“搜索收擎”,“搜索巨擎”等内容。

4、inurl

inurl: 指令用于搜索查询词出现在url 中的页面。百度和Google 都支持inurl 指令。inurl 指令支持中文和英文。

比如搜索:inurl:搜索引擎优化

返回的结果都是网址url 中包含“搜索引擎优化”的页面。由于关键词出现在url 中对排名有一定影响,使用inurl:搜索可以更准确地找到竞争对手。

5、inanchor

inanchor:指令返回的结果是导入链接锚文字中包含搜索词的页面。百度不支持inanchor。

比如在Google 搜索 :inanchor:点击这里

返回的结果页面本身并不一定包含“点击这里”这四个字,而是指向这些页面的链接锚文字中出现了“点击这里”这四个字。

可以用来找到某个关键词的竞争对收,而且这些竞争对手往往是做过SEO 的。研究竞争对手页面有哪些外部链接,就可以找到很多链接资源。

6、intitle

intitle: 指令返回的是页面title 中包含关键词的页面。Google 和百度都支持intitle 指令。

使用intitle 指令找到的文件是更准确的竞争页面。如果关键词只出现在页面可见文字中,而没有出现在title 中,大部分情况是并没有针对关键词进行优化,所以也不是有力的竞争对手。

7、allintitle

allintitle:搜索返回的是页面标题中包含多组关键词的文件。

例如 :allintitle:SEO 搜索引擎优化

就相当于:intitle:SEO intitle:搜索引擎优化

返回的是标题中中既包含“SEO”,也包含“搜索引擎优化”的页面

8、allinurl

与allintitle: 类似。

allinurl:SEO 搜索引擎优化

就相当于 :inurl:SEO inurl:搜索引擎优化

9、filetype

用于搜索特定文件格式。Google 和百度都支持filetype 指令。

比如搜索filetype:pdf SEO

返回的就是包含SEO 这个关键词的所有pdf 文件。

10、site

site:是SEO 最熟悉的高级搜索指令,用来搜索某个域名下的所有文件。

11、linkdomain

linkdomain:指令只适用于雅虎,返回的是某个域名的反向链接。雅虎的反向链接数据还比较准

确,是SEO 人员研究竞争对手外部链接情况的重要工具之一。

比如搜索 linkdomain:dunsh.org -site:dunsh.org

得到的就是点石网站的外部链接,因为-site:dunsh.org 已经排除了点石本身的页面,也就是内部链接,剩下的就都是外部链接了。

12、related

related:指令只适用于Google,返回的结果是与某个网站有关联的页面。

比如搜索 related:dunsh.org

我们就可以得到Google 所认为的与点石网站有关联的其他页面。 这种关联到底指的是什么,Google 并没有明确说明,一般认为指的是有共同外部链接的网站。

上面介绍的这几个高级搜索指令,单独使用可以找到不少资源,或者可以更精确地定位竞争对手。把这些指令混合起来使用则更强大。

inurl:gov 减肥

返回的就是url 中包含gov,页面中有“减肥”这个词的页面。很多SEO 人员认为GVM和学校网站有比较高的权重,找到相关的GVM和学校网站,就找到了最好的链接资源。

下面这个指令返回的是来自.edu.cn,也就是学校域名上的包含“交换链接”这个词的页面:

inurl:.edu.cn 交换链接

从中SEO 人员可以找到愿意交换链接的学校网站。

或者使用一个更精确的搜索:

inurl:.edu.cn intitle:交换链接

返回的则是来自edu.cn 域名,标题中包含“交换链接”这四个字的页面,返回的结果大部分应该是愿意交换链接的学校网站。

再比如下面这个指令:

inurl:edu.cn/forum/*register

返回的结果是在.edu.cn 域名上,url 中包含“forum”以及“register”这两个单词的页面,也就是学校论坛的注册页面。找到这些论坛,也就找到了能在高权重域名上留下签名的很多机会。

下面这个指令返回的是页面与减肥有关,url 中包含links 这个单词的页面:

减肥 inurl:links

很多站长把交换链接页面命名为links.html 等,所以这个指令返回的就是与减肥主题相关的交换链接页面。

下面这个指令返回的是url 中包含gov.cn 以及links 的页面,也就是GVM域名上的交换链接页面:

allinurl:gov.cn+links

最后一个例子,在雅虎搜索这个指令:

linkdomain:dunsh.org -linkdomain:css-garden.cn

返回的是链接到点石网站,却没有链接到我的博客的网站。使用这个指令可以找到很多连向你的竞争对手或其他同行业网站,却没连向你的网站的页面,这些网站是最好的链接资源。

高级搜索指令组合使用变化多端,功能强大。一个合格的SEO必须熟练掌握这几个常用指令的意义及组合方法,才能更有效率地找到更多竞争对手和链接资源。

]]>
1
admin http://www.css-garden.cn <![CDATA[[已解决]“跟后台打印程序系统服务通讯时出现错误”]]> http://www.css-garden.cn/?p=534 2010-08-04T03:53:15Z 2010-08-04T03:53:15Z 事件类型:      警告
事件来源:      TermServDevices
事件种类:      无
事件 ID:      1114
日期:          2006-12-19
事件:          15:50:17
用户:          N/A
计算机:      INDEXDONG
描述:
跟后台打印程序系统服务通讯时出现错误。请打开服务管理单元,确认后台打印程序服务是否在运行。
—————————————————————————————-
解决办法:

1.启动服务器上的后台打印程序服务。

2.运行“tscc.msc”,双击连接的“RDP-TCP”,选择“客户端设置”,选上“Windows打印机映射”和“LPT端口映射”表示禁用这两个映射,点击确定。

3.保存下边的代码到”fEnablePrintRDR.reg”,然后双击运行,

Windows Registry Editor Version 5.00

[HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Terminal Server\Wds\rdpwd]
“fEnablePrintRDR”=dword:00000000

OK,问题解决

参考:

http://support.microsoft.com/kb/268065/en-us

http://support.microsoft.com/kb/268065/zh-cn

]]>
11
admin http://www.css-garden.cn <![CDATA[由于数据加密错误,这个会话将结束]]> http://www.css-garden.cn/?p=532 2010-07-20T06:39:14Z 2010-07-20T06:39:14Z 一、限制断开会话存在时间

一般情况下,我们在维护远程服务器时,不可能长时间在线,但是系统默认的却是只要登录就不再断开。因此,我们可以修改这一默认设置,给他指定一个自动断开的时间即可。

在远程服务器上打开“运行”窗口,输入“tscc.msc”连接设置窗口。然后双击“连接”项右侧的“RDP-Tcp”,切换到“会话”标签,选中“替代用户设置”选项,再给“结束已断开的会话”设置一个合适的时间即可
二、增加连接数量

默认情况下允许远程终端连接的数量是2个用户,这也太少了一些,我们可以根据需要适当增加远程连接同时在线的用户。

打开“运行”窗口,输入“gpedit.msc”打开组策略编辑器窗口,依次选择“计算机配置”-“管理模板”-“Windows组件”-“终端服务”,再双击右侧的“限制连接数量”,将其TS允许的最大连接数设置大一些就可以了

这个问题以前遇到过!以上方法可行!

]]>
3
admin http://www.css-garden.cn <![CDATA[Windows下Apache应用环境塔建安全设置(目录权限设置)]]> http://www.css-garden.cn/?p=525 2010-07-20T02:12:12Z 2010-07-20T02:10:46Z 环境配置情况:
apache安装目录:d:\www-s\apache
php目录:d:\www-s\php5
mysql目录:d:\www-s\mysql
网站根目录:d:\www\htdocs

专门为运行Apache运行所使用的用户:apache-u(可不隶属于任何用户组)

PS:这里只说Windows下Apache应用环境相关的目录权限设置,至于其他基本的服务器目录权限设置就不提啦!

Windows下Apache应用环境塔建目录安全设置操作步骤:

配置目录权限

Apache所在的根目录(也就是D盘),只需要读取的权限,并且这个读取权限不需要继承到子目录与文件(可以在权限设置高级里选择——应用到:只有该文件夹——权限:列出文件夹/读取数据, 读取属性,读取扩展属性,读取权限——确定)。

Apache安装目录的上级目录(d:\www-s),需要“读取”的权限(和根目录D盘的权限雷同)。

Apache安装目录,需要“列出文件夹目录”和“读取”的权限(可以为了方便使用继承)。

Apache安装目录下的子目录权限设置

“bin”和“modules”目录需要“读取和运行”、“列出文件夹和目录”、“读取”的权限。

“logs”目录需要“列出文件夹和目录”、“读取”、“写入”的权限(若Apache安装目录的权限使用啦继承,可只添加“写入”权限即可)。

到这里Apache的权限已经设置完毕,接下来设置PHP的权限

PHP目录(PHP5)可简单的设置为“读取和运行”、“列出文件夹和目录”、“读取”的权限。

Mysql目录下的bin文件夹和文件(mysql)需要为添加apache用户的“遍历文件夹和运行文件”、“列出文件夹和读取数据”的权限(可以在权限高级设置里找到)。

到这里Apache+Mysql+Php已经基本可以使用,接着配置网站根目录权限

网站根目录(www\htdocs)的上级目录www需要读取(“列出文件夹和读取数据”、“读取属性”、“读取扩展属性”、“读取权限”)的权限(和Apache的上级目录权限雷同,不需要继承到子目录和文件中去)。

网站根目录(htdocs)可简单的设置“读取”权限就可以啦(然后可以根据需要对缓存文件夹设置可写权限)。

到这里Apache+PHP+Mysql的环境受限制权限设置基本完成。

为Apache服务启用受限制用户
进入服务管理器(Services.msc,或者“我的电脑——属性——管理——服务”),找到Apache的服务项(Apache2.2),设置属性,登录用户选择受限用户(Apache-u)输入受限用户的密码,应用,确定。

这里“确定”之后一般会有提示(已授予账户.\apache-u“以服务方式登录”的权利)。这个提示相当于在组策略(开始->管理工具 ->本地安全策略,或者使用gpedit.msc打开)中的“用户权利分配”中选择“作为服务登陆”,添加apache-u用户。

可在任务管理器中查看httpd.exe进程的用户名为apache-u,使用PHP+Mysql的程序都可正常运行。
到这里已经完成啦“Windows下Apache应用环境目录权限”的受限制使用设置。

补充3:
可以在目录(具有可写权限的)下建个 .htaccess 内容写上:

RewriteEngine On
Order Allow,Deny
Deny from all
<files ~ “.(css|js)$”>
Allow from all
</files>

css和js为允许的文件扩展类型!

补充2:
1.Apache的权限设置错误提示
apache目录,php目录,网站目录中的一个权限设置不够都不能正常启动Apache服务,一般提示为:

Windows 不能再 本地计算机 启动 Apache2.2。有关更多信息,查阅系统事件日志。如果这是非 Microsoft服务,请与服务厂商联系,并参与特定服务错误代码 1。

查看系统事件日志中的提示为:

Apache2.2 服务因 1 (0×1) 服务性错误而停止。

若是php的权限配置错误会在应用程序事件日志中有记录。

2.另外Mysql的目录权限配置错误,不会对正常启动Apache服务造成影响,但不能网站程序使用Mysql服务(PHPINFO中显示并没有加载Mysql模块)。

补充1:
这个东东在本地机子上用来做测试基本是不用理会这些权限的,因为默认是使用系统用户来启动这个Apache服务的!不过若是暴露在外网就很危险啦!

安全是全方面的架构考虑,这里说的仅仅是冰山一角,不能以点盖面!

发现有遗漏的地方欢迎指正。。

]]>
0
admin http://www.css-garden.cn <![CDATA[apache 启动httpd.exe 报错 Could not reliably determine the server’s fully qualified]]> http://www.css-garden.cn/?p=522 2010-07-17T01:15:29Z 2010-07-17T01:15:29Z 前言:apache虽然能运行,但是看见error.log中有httpd.exe: Could not reliably determine the server’s fully qualified domain name, using 192.168. x. x for ServerName这个错误,想看看是否有其他占用了80端口

开始–运行–cmd 进入命令提示符 输入netstat -ano 即可看到所有连接的PID 之后在任务管理器中找到这个PID所对应的程序如果任务管理器中没有PID这一项,可以在任务管理器中选”查看”-”选择列”

经常,我们在启动应用的时候发现系统需要的端口被别的程序占用,如何知道谁占有了我们需要的端口,很多人都比较头疼,下面就介绍一种非常简单的方法,希望对大家有用

假如我们需要确定谁占用了我们的80端口

1、Windows平台
在windows命令行窗口下执行:
C:\>netstat -aon|findstr “80″
TCP     127.0.0.1:80         0.0.0.0:0               LISTENING       2448
看到了吗,端口被进程号为2448的进程占用,继续执行下面命令:
C:\>tasklist|findstr “2448″
thread.exe                     2016 Console                 0     16,064 K
很清楚吧,thread占用了你的端口,Kill it
如果第二步查不到,那就开任务管理器,看哪个进程是2448,然后杀之即可。

如果需要查看其他端口。把 80 改掉即可

补充:原来出现这个错误原因(httpd.exe: Could not reliably determine the server’s fully qualified domain name, using 192.168.1.111 for ServerName)是因为DNS没配置好. 如果不想配置DNS, 就在httpd.conf , 在最前加入 ServerName localhost:80 即可

]]>
1
admin http://www.css-garden.cn <![CDATA[要登录到这台远程计算机,您必须拥有这台计算机上的‘终端服务器用户访问’权限解决方案要登录到这台远程计算机,您必须拥有这台计算机上的‘终端服务器用户访问’权限解决方案]]> http://www.css-garden.cn/?p=519 2010-07-16T07:27:34Z 2010-07-16T07:27:34Z 远程登陆时出现:要登录到这台远程计算机,您必须拥有这台计算机上的‘终端服务器 用户访问’权限。在默认情况下,‘远程桌面用户’组的成员拥有这些权限。如果您不是‘远程桌面用户’组或其他拥有这些权限的组的成员,或者如果‘远程桌面 用户’组没有这些权限,您必须被手动授予这些权限”
下面我来介绍两种解决方案:

第一种

1,开始》运行》输入 gpedit.msc
2,展开计算机配置》windows设置》安全设置》本地策略》用户权限分配》双击通过终端服务拒绝登陆》将里面的users组删除。完毕

第二种

到”控制面板” –> “管理工具” –> “终端服务配置” –> “服务器设置” 在右边框中, 授权”每用户” 改成 “每设备”,

处理办法:
1. “控制面板” –> “管理工具” –> “终端服务配置”
2. 点击”连接”, 右边出现连接项(例如: RDP-Tcp,tcp,Microsoft RDP 5.2)
3. 双击要修改的连接项。
3. 弹出窗口, 单击”权限”选项卡。
4. 单击”高级”,然后单击”添加”。
5. 指定要添加的用户或组,使该用户或组能够使用“远程控制”。
6. 添加用户或组之后,将显示权限项 对话框。单击“远程控制”的允许 列,将其选中。
7. 单击确定。
8. 单击确定,再次单击确定。

第三种

终端服务器授权宽限期已过,服务尚未跟有许可证的许可证服务器注册。要继续操作,需要有一个终端服务器许可证服务器。如果没有许可证服务器,终端服务器可以在第一次启动之后运行 12 天

在系统组件里面删除终端服务和终端服务授权,重新启动,打开远程桌面就可以正常,无限制的使用远程桌面了…

]]>
0
admin http://www.css-garden.cn <![CDATA[apache 启动httpd.exe 报错 Could not reliably determine the server’s fully qualified]]> http://www.css-garden.cn/?p=517 2010-07-12T06:02:14Z 2010-07-12T06:02:14Z 前言:apache虽然能运行,但是看见error.log中有httpd.exe: Could not reliably determine the server’s fully qualified domain name, using 192.168. x. x for ServerName这个错误,想看看是否有其他占用了80端口

开始–运行–cmd 进入命令提示符 输入netstat -ano 即可看到所有连接的PID 之后在任务管理器中找到这个PID所对应的程序如果任务管理器中没有PID这一项,可以在任务管理器中选”查看”-”选择列”

经常,我们在启动应用的时候发现系统需要的端口被别的程序占用,如何知道谁占有了我们需要的端口,很多人都比较头疼,下面就介绍一种非常简单的方法,希望对大家有用

假如我们需要确定谁占用了我们的80端口

1、Windows平台
在windows命令行窗口下执行:
C:\>netstat -aon|findstr “80″
TCP     127.0.0.1:80         0.0.0.0:0               LISTENING       2448
看到了吗,端口被进程号为2448的进程占用,继续执行下面命令:
C:\>tasklist|findstr “2448″
thread.exe                     2016 Console                 0     16,064 K
很清楚吧,thread占用了你的端口,Kill it
如果第二步查不到,那就开任务管理器,看哪个进程是2448,然后杀之即可。

如果需要查看其他端口。把 80 改掉即可

补充:原来出现这个错误原因(httpd.exe: Could not reliably determine the server’s fully qualified domain name, using 192.168.1.111 for ServerName)是因为DNS没配置好. 如果不想配置DNS, 就在httpd.conf , 在最前加入 ServerName localhost:80 即可

]]>
0
admin http://www.css-garden.cn <![CDATA[网站SEO(搜索引擎优化)的链接11大守则]]> http://www.css-garden.cn/?p=513 2010-07-02T02:53:37Z 2010-07-02T02:53:37Z 有句话说的好,外链是王,内锚是皇,做好一个网站,链接多 固然重要,但要精益求精,去掉一些作用低的链接,对自身价值的提高是很有效果的,这不仅仅是SEO的手段,也是网站提升的一 个好方法。

1.链接锚文本链接锚文本是众所周知的关于链接优化的一个重要的细节, 它甚至可以左右你的搜索引擎排名,至少在Google上.链接锚文本的选择,一定是要跟内容相关的。

2.链接来源此外,锚文 本,重要的是,如果该网站链接到你是一个有信誉的一个或没有。一般网站更大的谷歌被认为是有信誉。

3.相关链接获得越多相关的链 接,GOOGLE认为这是同行对你的认可。所以,相关链接的因素,是谷歌给的最高得分。这现象不仅仅只是GOOOGLE看重,例如国内第一的搜索引擎百度、国外的雅虎同样异常重视这个因素。从相关性链接去提升搜索引擎的排名,非常容易。

4.教育或政府网站这些链接是非常珍贵的,因为教育类和政府网站的信誉比.COM、商业类网站更好,而且往往这类链接是很难获得的。

5.链接数量一般情况下,链接是越多越好。当然,不要为了提高链接数量,放弃链接的质量。什么样的链接是好链接,谷歌的搜索引擎算法对于这方面的判断已 经非常精准。所以,建议不要随随便便给自己的网站加上不好的链接。这会影响网站的权威性。

6.内部链接的锚文本内部链接其实非常重 要,内部链接的锚文本选择尽量单一并永久保持是唯一的一个URL。

7.链接周围的文本在正文中的链接,是最有价值的。这比在网页某一 块单独的放置一个链接,更有价值。其实,GOOGLE已经能够很好的分析到网页中的友情链接区域、广告链接区域,从而给这些区域的链接不同的得分。所以, 重要的链接尽量放在网页的顶部。

8.链接的时间也就是链接稳定性,时间越久的链接,对排名的帮助越好。所以,要想提升搜索引擎排名,必须扩展一些比较 稳定的外部链接。

9.链接目录被雅虎、DMOZ这些目录网站收录了,对网站的排名是有很多帮助的。但千万不要单纯的为了提升排名,而把网站提交到一些垃圾的目录。也很容易让网站陷进链接工程当中。

10.交叉链接简单的交叉链接是搜索引擎能够识别的,但是更为复杂的 交叉链接计划是可行的。交叉链接看起来是变相的互惠链接,是会受到搜索引擎处罚的。

11.导出链接导出的链接要避免链接到作弊网站, 什么样的网站想链接向你,你避免不了。但是你完全可以掌握你想链接到什么样的站点。所以,不要链接到作弊站点。这会影响你的网站权威性。

]]>
1
admin http://www.css-garden.cn <![CDATA[世界著名的30个SEO个人博客汇总]]> http://www.css-garden.cn/?p=511 2010-07-02T02:51:24Z 2010-07-02T02:51:24Z 第一名:Matt Cutts,计有47801个订阅者。来自Google公司内部,大名鼎鼎的Matt Cutts,在SEO届可谓无人不知,无人不 晓。MattCutts在Google担任高级工程师已经9年了,是Google Webspam小组的老大,在SEO届他讲出来的话是最有权威的,许多Google最新的资讯,都是通过他的博客透露出来的。

第二 名:SEOmoz,搜索引擎MOZ,提供专业的网络营 销和搜索引擎优化服务。截止今天,计 有35492个订阅者。Rank Fishkin的这个SEO博客经常透露一些非常值得分享的SEO机密。

第三名:Search Engine Land,搜索引擎大地。计有33762个订阅者。Danny Sullivan和Vanessa Fox是SearchEngineLand.com的两位编辑员。这两个名字在SEO界是公认的。这个博客提供了各个主流搜索引擎的最新新闻,是每个专业 SEO必读的。他们还组织搜索引擎会议,SMX(Search Marketing Expo)在世界大部分都有场所。

第四名:Search Engine Watch,计有28568个订阅者。这个叫搜索引擎观察的SEO博客,是最大的搜索引擎组织。

第五名:Search Engine Journal,搜索引擎杂志。计有18006个订阅者。

第六名:Search Engine Roundtable,搜索引擎圆桌会议。计有17163个订阅者。

第七名:Online Marketing Blog,在线营销博客。计有15794个订阅者。

第八名:Search Engine Guide,搜索引擎指南。计有12463个订阅者。

第九名:Marketing Pilgrim,营销皮尔格林。一位网络营销专家Andy Beal的个人博客,更新速度非常快,文章观点得不错。计有13433个订阅者。

第十名:Pronet Advertising,Pronet广告。计有8896个订阅者。

第十一名:Graywolf’s SEO Blog,Graywolf的搜索引擎优化博客。这个SEO Blog是唯一一些能得到Matt Cutts评论的SEO博客,他给许多国外着名的站点做过优化。计有8585个订阅者。

第十二名:Get Elastic,获得弹性。电子商务博客。计有6937个订阅者。

第十三名:HubSpot,计有7016个订阅者。

第十四名:Yoast,计有5361个订阅者。

第十五名:BlogStorm,博客风暴。一个英国人写的关于搜索引擎优化和在线营 销的SEO博客。计有4188个订阅者。

第十六名:redfly,计有3875个订阅者。

第十七名:Small Business SEM,针对小企业的搜索引擎营销。计有3659个订 阅者。

第十八名:Web Analytics World,WEB分析世界。计有3244个订阅者。

第十九 名:Sugarrae,计有3205个订阅者。

第二十名:SEO Pedia,搜索引擎优化Pedia。计有2337个订阅者。

第二十一名:Net Business Blog,计有2256个订阅者。

第二十二名:PPC Hero,计有2413个订阅者。

第二十三名:Conversation Marketing,计有2255个订阅者。

第二十四名:SEO Scoop,独家搜索引擎优化。计有2953个订阅者。

第二十五名:SEO 2.0,计有个1640订阅者。

第 二十六名:StepForth SEO News Blog,计有1371个订阅者。

第二十七名:Hobo,计有1258个订阅者。

第二十八名:Cre8pc Blog,计有879个订阅者。

第二十九名:aimClear Blog,计有个879订阅者。

第三十名:SEOBook、WeBuildPages等SEO知名博客,未知订阅者。(

本文转载自中国电子商务研究中 心:http://b2b.toocle.com/detail–5149384.html

]]>
1
admin http://www.css-garden.cn <![CDATA[CSS表单-文本输入框美化CSS教程]]> http://www.css-garden.cn/?p=505 2010-06-11T10:37:24Z 2010-06-11T10:37:24Z css美化其实就是一个原理的问题,如果把原理搞清楚了,很多事情就容易明白了。

首先我们都知道文本输入框如果不做css美化,直接 把它放在页面里面,很难和整体设计融合起来,这也是我们要做美化的主要原因。下面是一个input文本输入框的html代码:

现在我们就开始对其进行美化,这次做的教程是结 合昨天的表单模板给大家做的详细分解,所以代码基本上还是参照昨天的表单模板。首先我们会对所有的input对象进行一个基本设定,把 margin,padding,border,font,float等基本元素进行一个设定,因为这个设定可以继承,所以如果是同样的设定我们在后续对继 承的类或对象进行定义的时候就不用再写了,而只需要写出不一样的的地方即可以。下面我就把基本设定的css代码列出来。

INPUT
{
border-left: #fff 1px solid;
border-top: #fff 1px solid;
border-right: #fff 1px solid;
border-bottom: #fff 1px solid;
margin: 0px 0px 15px 10px;
padding-left: 10px;
background: #ccc;
float: left;
font-size: 1em;
line-height: 1.5em;
height: 20px;
text-align: left;
}
这里我要解释一下,其实在我们经常使用css的过程中会用一些缩写的形式,这样的好处是能够减少 css代码的体积,但是就我的经验来看,其实缩写并不是最好的方式,当然在国内使用浏览器的种类比较少,所以在兼容性方面出现的问题比较小,但是在一些发 达国家的浏览器使用的种类是很多的,经常容易出现缩写不识别的情况。我现在就注意到border和padding这2个属性的设置一般比较有经验的css 作者都会使用不缩写的方式,就比如上面看到的border设定分成了上下左右4个属性来写。

经过上面设定之后大家可以看到input 输入框已经基本上实现了平面效果,具体的分为3部分来了解:
1、边界背景部分

border-left: #fff 1px solid;
border-top: #fff 1px solid;
border-right: #fff 1px solid;
border-bottom: #fff 1px solid;
margin: 0px 0px 15px 10px;
padding-left: 10px;
background: #ccc;

2、浮动设置部分
float: left;

3、文字控制部分
font-size: 1em;
line-height: 1.5em;
height: 20px;
text-align: left;

大家有兴趣可以对上面的设定进行更改,然后再看效果就比较容易理解他们的含义了。
接下来我们还需要对 输入框进行单独的设置定义,主要是定义输入框和基本input定义不相同的地方。大家看代码:

INPUT.textbox
{
margin: 0px 60px 8px 0px;
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
background: url(field.gif) repeat-x left 50%;
width: 270px;
color: #111;
}

这里大家注意到了我们重写了margin、padding-left和background属性,这样 的话这3个属性就是以这里的最后的设置为准,另外我们还添加了宽度width属性和文字颜色color属性。使得整个input文本输入框基本成型,大家 可以运行下面的代码看看最后效果。

]]>
11