OnlyGrape葡提子,英文建站博客英文网站建设，用户体验设计，前段技术研究，seo网站推广

CSS clip剪裁矩形属性介绍

clip属性是一个比较有用的属性，但往往在实际应用中，并不多见，在应用clip属性需要注意的两点：
　　一、clip属性必须和定位属性postion一起使用才能生效。
　　二、clip裁切的计算坐标都是以左上角即（0,0）点开始计算，如图三所示，这点不像padding和margin，它们两个的右[……]

提高CSS渲染速度的编码方法与建议

网页打开与浏览速度受着多方面因素的影响，客户网速是一个方面，另外网站开发的编码方式也将对用户的电脑产生负担，在之前的文章中提过这方面的内容。这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分。

　　一、*{} #page *{} 尽量避开
　　由于不同浏览器对HTML标签的解释有差[……]

网站权重与如何提高网站PR值

网站权重，是搜索引擎给网站(包括网页)赋予一定的权威值，对网站(含网页)权威的评估评价，一个网站权重越高，在搜索引擎所占的份量越大，在搜索引擎排名就越好，Google PR最高评值为10，通常达到4就是一个不错的网站了。提高网站权重，不但利于网站(包括网页)在搜索引擎的排名更靠前，还能提高整站的流量[……]

CSS选择符命名的四个原则

写CSS时，有时要花一定的时间去纠结选择符该如何命名。随意的命名，会让你陷入查找的麻烦。
　　
　　在这里介绍出以下的几个命名原则：

　　原则一：CSS选择符命名应该体现结构而不是样式。

　　这句话听起来很奇怪。这样不是违反了结构和样式分离的原则么？恰恰相反，其实正是遵循分离原则。要[……]

CSS网页布局扩展小技巧

CSS网页布局开发中，会有很多小技巧，这之类相关的文章在葡提子-英文建站博客有许多介绍，这里再扩展一下您所想要得到的知识，相信您会有很多收获！

　　一、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。
　　二、同一个的class选择符可以在一个文档中重复[……]

开源Wiki管理系统总汇

TWiki 

 TWiki 一个灵活，强大，易于使用的企业Wiki，企业协作平台和知识管理系统。提供的功能包括：Edit link;Auto links;Text formatting;全文检索;E-mail通知;Structured content：使用TWiki Forms分类/分级无组织[……]

谷歌搜索引擎优化初学者指南

Google黑板报贴出了《Google搜索引擎优化初学者指南》的文章，给“SEO 初学者，我应该怎样改进我的网站?”的人提供帮助。

谷歌介绍，该指南涵盖了网站管理员需要考虑优化的诸多方面，比如改善标题和描述元标签，URL 结构，网站导航，网站内容的建设，锚文本等等。这些方面适用于各种不同经验层[……]

display:inline在网页设计中的几个基本用途

很多网站的代码中经常可以看到<li></li>标签内设置了float:left又设置display:inline。
既然设置了float:left，那标签内的元素都会向左浮动了。为什么又要设置display:inline。

既然设置了float:left，那该标签已具[……]

li标签的间距问题及编码方式

新建一个简单的HTML测试文件，下面来测试ul li标签

Example Source Code
<ul>
<li><a href=”#”>菜单一</a></li>
<li><a href=”#”>菜单一[……]

XHTML中的alt属性和title属性

XHTML是CSS布局的基础，title 和alt 属性，可以提高文档的适应性，并合理提高关键词密度。在XHTML标准里，图片的alt 属性是必须的。

alt属性

　　为不能显示图像、窗体或applets的用户代理（UA），alt属性用来指定替换文字。替换文字的语言由lang属性指定。A[……]