[置顶] 关于申请本站友情链接说明
[置顶] 网页效果图设计之色彩索引
[置顶] 网页布局中常用的CSS命名规则
[置顶] 做为一个站长必备的工具
[置顶] 几分钟教会你精确查询网站的反向链接数量
[置顶] web标准基础入门之循序渐进12天
.test{
height:20px;
background-color:orange;
}
ff识别
-----------------------------------------------------------
*+html .test{/*IE7*/
height:20px;
background-color:blue;
}
IE7浏览器
------------------------------------------------------------
*html .test{/*IE6*/
height:20px;
background-color:black;
}
IE6浏览器
-----------------------------------------------------------------------
IE6加*html，而IE7加*+html，暗示加了一个版本。
height:20px;
background-color:orange;
}
ff识别
-----------------------------------------------------------
*+html .test{/*IE7*/
height:20px;
background-color:blue;
}
IE7浏览器
------------------------------------------------------------
*html .test{/*IE6*/
height:20px;
background-color:black;
}
IE6浏览器
-----------------------------------------------------------------------
IE6加*html，而IE7加*+html，暗示加了一个版本。
我们制作页面很多情况下碰到div是空白的<div></div>
如果给div元素<b>设置了宽度<b>时，比如width:100%，此时div在IE中（IE6，IE7）将占据物理空间，而在FF中不占据物理空间（正确理解）。为了表述直观，将样式直接写在元素标签内：
<div style="width:100%"></div>
此时在IE中到底是什么在影响着最终的显示，又是如何解析的呢？
可能的影响因素：字体大小（font-size），字体行高（line-height），高度（height），溢出（overflow）
我们对上面的代码逐一添加过滤属性（具体的过程有兴趣的朋友，可以私下里实验一下，“自己动手，丰衣足食”！）
在测试的过程中，你会发现IE6和IE7的解析也不尽相同，比如在给div设置了line-height:0; height:0; 的样式后，IE7中显示正常了，不再占据物理空间了，而IE6却依然我行我素，亦或是悲！
最终的测试结果，最简单的方法是，给div设置高度（height）和溢出（overflow）属性：
<div style="width:100%;height:0;overflow:hidden; "></div>
如果给div元素<b>设置了宽度<b>时，比如width:100%，此时div在IE中（IE6，IE7）将占据物理空间，而在FF中不占据物理空间（正确理解）。为了表述直观，将样式直接写在元素标签内：
<div style="width:100%"></div>
此时在IE中到底是什么在影响着最终的显示，又是如何解析的呢？
可能的影响因素：字体大小（font-size），字体行高（line-height），高度（height），溢出（overflow）
我们对上面的代码逐一添加过滤属性（具体的过程有兴趣的朋友，可以私下里实验一下，“自己动手，丰衣足食”！）
在测试的过程中，你会发现IE6和IE7的解析也不尽相同，比如在给div设置了line-height:0; height:0; 的样式后，IE7中显示正常了，不再占据物理空间了，而IE6却依然我行我素，亦或是悲！
最终的测试结果，最简单的方法是，给div设置高度（height）和溢出（overflow）属性：
<div style="width:100%;height:0;overflow:hidden; "></div>
CSS兼容问题一直困扰着CSSer，面对各浏览器，往往感觉束手无策，愁眉不展。CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法，在各浏览器厂商解析CSS没有达成一致前，我们只能用这样的方法来完成这样的任务。
我进行前端开发的时候，测试用的浏览器大致有: IE7、IE6、Opera9（文章撰写时版本为9.25 8825），Safari3（文章撰写时版本为3.0.4 523.15），Firefox2（文章撰写时版本为2.0.0.11）等。
在正常的 selector { property:value; } 的基础上常会根据具体情况为相同元素使用Hack以达到浏览器间统一，更详细的CSS兼容知识，欢迎关注52CSS.com的相关文章。
我进行前端开发的时候，测试用的浏览器大致有: IE7、IE6、Opera9（文章撰写时版本为9.25 8825），Safari3（文章撰写时版本为3.0.4 523.15），Firefox2（文章撰写时版本为2.0.0.11）等。
在正常的 selector { property:value; } 的基础上常会根据具体情况为相同元素使用Hack以达到浏览器间统一，更详细的CSS兼容知识，欢迎关注52CSS.com的相关文章。
作为一名网站站长最看重的是通过搜索引擎来的流量，尤其是那些技术资源型(大量文档)网站。所以，针对SEO制定了一系列策略，显得尤为重要。
SEO目前主要从3个方面入手：
1、链接 2、关键 3、网页
一、SEO-链接
要点: 导入导出和內链接 、 链接页面内容相关性
1.网站首页尽量不要放置过多的导出链接，所有页面导出链接最大不要超过100个。
2.网站尽量减少交换链接的数量，控制在5，6个高质量网站交换链接。.
3.一个页面的PR 值的一个简单计算公式:PR(A)=0.15+0.85(PR(Ti)/C(Ti)+…+PR(Tn)/C(Tn)).合理的理由PR值高的页面,并非所有页面都互链就好.
4.保持导入和导出链接有所指向页面有比较高的质量。例如PR>4的页面.。
5.使导入、內链接中的源头文字和指向页面内容具有较强的关联性。保持两个相连接页面内容的相关，尽量避免不相关内容页面的链接。
6.注意导入链接在原页面的位置，通常认为导入链接所在位置的价值关系是：
SEO目前主要从3个方面入手：
1、链接 2、关键 3、网页
一、SEO-链接
要点: 导入导出和內链接 、 链接页面内容相关性
1.网站首页尽量不要放置过多的导出链接，所有页面导出链接最大不要超过100个。
2.网站尽量减少交换链接的数量，控制在5，6个高质量网站交换链接。.
3.一个页面的PR 值的一个简单计算公式:PR(A)=0.15+0.85(PR(Ti)/C(Ti)+…+PR(Tn)/C(Tn)).合理的理由PR值高的页面,并非所有页面都互链就好.
4.保持导入和导出链接有所指向页面有比较高的质量。例如PR>4的页面.。
5.使导入、內链接中的源头文字和指向页面内容具有较强的关联性。保持两个相连接页面内容的相关，尽量避免不相关内容页面的链接。
6.注意导入链接在原页面的位置，通常认为导入链接所在位置的价值关系是：
一直以来对于SEO核心的讨论有很多，外链建设、内链布局、网站结构、用户体验、内容等。任何一项对于SEO来说，都是的那么重要。
思亿欧的SEO观点一直是主张用户体验与搜索引擎优化的结合，既是在为网站实施SEO的同时也必须考虑用户体验。如果要真正的让一个网站在搜索引擎上一直有一个良好的表现，唯一的办法就是要注重用户体验与网站内容的建设，再加上辅助的SEO策略。
所以，对于SEO中众多的因素而言，思亿欧觉得网站内容是SEO的核心同时也是网站发展的核心。
为什么，思亿欧会认为网站内容是SEO的核心？
对于过去而言，网站内容对SEO的重要性，已经今非昔比了。过去，简单的一张、十张页面凑成的网站，可以很容易获得排名。但是现在，即使一个内容丰富但域名历史较短的网站，都很难在搜索引擎上获得良好的表现。
与SEO中其他的因素例如：外部链接、内部链接、网站结构等相比，重点致力于内容建设的网站，在经过搜索引擎考验期之后，会比重点建设其他因素的效果更好。
所以，如果想让网站持续的通过搜索引擎获取流量，只有是重点抓网站内容的建设。
什么样的内容有利于提升网站在搜索引擎上的表现？
1.与网站主题相关的内容；
2.独特的内容；
3.原创内容；
需要注意的是，对于转载或者采集的内容，对搜索引擎的作用非常低。
网站内容与用户体验
通过对网站内容的建设，特别是高质量的原创内容的建设可以提升网站的用户体验。之前的帖子，我们曾经说过，用户体验有时候很简单，有时候很复杂。通过对网站内容的建设，为用户提供一个有价值性的网站，用户的回头率自然会非常高。
总结
无论是Google、Yahoo、Baidu甚至是Msn，无一例外对于网站内容都是非常重视。所以，网站内容的建设是思亿欧搜索引擎优化流程中的重点，坚持以原创内容建设网站获取的排名会更加牢固。
作者: 杭州思亿欧网络科技有限公司
原载: http://www.seo.com.cn
思亿欧的SEO观点一直是主张用户体验与搜索引擎优化的结合，既是在为网站实施SEO的同时也必须考虑用户体验。如果要真正的让一个网站在搜索引擎上一直有一个良好的表现，唯一的办法就是要注重用户体验与网站内容的建设，再加上辅助的SEO策略。
所以，对于SEO中众多的因素而言，思亿欧觉得网站内容是SEO的核心同时也是网站发展的核心。
为什么，思亿欧会认为网站内容是SEO的核心？
对于过去而言，网站内容对SEO的重要性，已经今非昔比了。过去，简单的一张、十张页面凑成的网站，可以很容易获得排名。但是现在，即使一个内容丰富但域名历史较短的网站，都很难在搜索引擎上获得良好的表现。
与SEO中其他的因素例如：外部链接、内部链接、网站结构等相比，重点致力于内容建设的网站，在经过搜索引擎考验期之后，会比重点建设其他因素的效果更好。
所以，如果想让网站持续的通过搜索引擎获取流量，只有是重点抓网站内容的建设。
什么样的内容有利于提升网站在搜索引擎上的表现？
1.与网站主题相关的内容；
2.独特的内容；
3.原创内容；
需要注意的是，对于转载或者采集的内容，对搜索引擎的作用非常低。
网站内容与用户体验
通过对网站内容的建设，特别是高质量的原创内容的建设可以提升网站的用户体验。之前的帖子，我们曾经说过，用户体验有时候很简单，有时候很复杂。通过对网站内容的建设，为用户提供一个有价值性的网站，用户的回头率自然会非常高。
总结
无论是Google、Yahoo、Baidu甚至是Msn，无一例外对于网站内容都是非常重视。所以，网站内容的建设是思亿欧搜索引擎优化流程中的重点，坚持以原创内容建设网站获取的排名会更加牢固。
作者: 杭州思亿欧网络科技有限公司
原载: http://www.seo.com.cn
font-style设定斜体 如：font-style: italic;
font-weight设定文字粗细 如：font-weight: bold;
font-size设定文字大小 如：font-size: 12px;（或者9pt参考CSS手册http://www.52css.com/css/）
line-height设定行距 如：line-height: 150%;
color设定文字颜色（注意不是font-color） 如：color: red;
font-family设定字体 如：font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体
见解后：
font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;}
定义规则：font-style font-weight font-size line-height font-family；而color设定文字颜色需要单独进行定义。
font-weight设定文字粗细 如：font-weight: bold;
font-size设定文字大小 如：font-size: 12px;（或者9pt参考CSS手册http://www.52css.com/css/）
line-height设定行距 如：line-height: 150%;
color设定文字颜色（注意不是font-color） 如：color: red;
font-family设定字体 如：font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体
见解后：
font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;}
定义规则：font-style font-weight font-size line-height font-family；而color设定文字颜色需要单独进行定义。
1.文本框焦点问题
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后，产生该文件
Onchange:当文字值改变时，产生该事件
Onselect:当文字加亮后，产生该文件
<input type="text" value="可酷啦" onfocus="if(value=='可酷啦') {value=''}" onblur="if
(value=='') {value='可酷啦'}">点击时文字消失，失去焦点时文字再出现
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后，产生该文件
Onchange:当文字值改变时，产生该事件
Onselect:当文字加亮后，产生该文件
<input type="text" value="可酷啦" onfocus="if(value=='可酷啦') {value=''}" onblur="if
(value=='') {value='可酷啦'}">点击时文字消失，失去焦点时文字再出现
1. The Best Designs----http://www.thebestdesigns.com/
The Best Designs 是个遍览高质量XHTML和FLASH设计的优秀网站。每个网站设计都会加上相关的标签(比如 - Bold, Colorful, CSS)，让你更方便的找到你想要的。
2. CSS Remix----http://cssremix.com/
照CSS Remix自己的话说，他们是“一个新鲜的Web2.0最佳设计站点的大本营” （尽管有些搜罗的站点并不是Web 2.0的）。RSS订阅者超过14,000人，CSS Remix绝对可以称得上是设计师们发现别人设计作品的主流网站之一。
3. CSS Mania---http://cssmania.com/
The Best Designs 是个遍览高质量XHTML和FLASH设计的优秀网站。每个网站设计都会加上相关的标签(比如 - Bold, Colorful, CSS)，让你更方便的找到你想要的。
2. CSS Remix----http://cssremix.com/
照CSS Remix自己的话说，他们是“一个新鲜的Web2.0最佳设计站点的大本营” （尽管有些搜罗的站点并不是Web 2.0的）。RSS订阅者超过14,000人，CSS Remix绝对可以称得上是设计师们发现别人设计作品的主流网站之一。
3. CSS Mania---http://cssmania.com/
转自视觉中国，觉得挺有用的转来跟大家分享。
在网络设计领域关于Eye-Tracking的研究十分火爆，但是如何把这些研究结果转变为具体可行的设计来运作依旧是个难点。以下就是一些来自于Eye-Tracking研究结果的窍门，可以为改进你的网站设计提供些意见：
1.对比图像，文字更具吸引力
与你所认为的相反，在浏览一个网站的时候，能够直接吸引用户目光的并不是图像。大多数通过偶然点击进入你的网站的用户，他们是来寻觅信息的而不是图像。因此，保证你的网站设计凸现出最重要的信息板块，这才是设计的首要原则。
2.眼球的第一运动聚焦于网页的左上角
用户浏览网页的这一习惯应该在意料之中，毕竟左上部为主要操作中心这一点为大多数重要的计算机应用程序的设计所采用。在你构建网站考虑网站设计时，应该尽量保持这一格式。要知道，如果你希望保持个人特色，搭建一个成功的网站，你就必须尊重用户们的习惯。
在网络设计领域关于Eye-Tracking的研究十分火爆，但是如何把这些研究结果转变为具体可行的设计来运作依旧是个难点。以下就是一些来自于Eye-Tracking研究结果的窍门，可以为改进你的网站设计提供些意见：
1.对比图像，文字更具吸引力
与你所认为的相反，在浏览一个网站的时候，能够直接吸引用户目光的并不是图像。大多数通过偶然点击进入你的网站的用户，他们是来寻觅信息的而不是图像。因此，保证你的网站设计凸现出最重要的信息板块，这才是设计的首要原则。
2.眼球的第一运动聚焦于网页的左上角
用户浏览网页的这一习惯应该在意料之中，毕竟左上部为主要操作中心这一点为大多数重要的计算机应用程序的设计所采用。在你构建网站考虑网站设计时，应该尽量保持这一格式。要知道，如果你希望保持个人特色，搭建一个成功的网站，你就必须尊重用户们的习惯。
QQ:36339194 邮箱：ktzzx@163.com