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

CSS clip剪裁矩形属性介绍

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

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

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

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

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=”#”>菜单一[……]

CSS清除浮动元素方法

在进行浮动布局时，大多数人都深知，在必要的地方进行浮动清理：<div style=”clear:both;”></div>。
例如：

 Example Source Code
<div style=”background:#666;”> <!–[……]

解决IE6不能正常解析CSS文件的方法及原因

网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI 编码，并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的，然而当 CSS 文件中包含有中文注释时就可能不尽如人意了！估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问[……]

CSS与JavaScript编码方法Style属性对照表

CSS与JS紧密配合，为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。比如：鼠标经过一个图片时我们让图片加一个边框，代码可能是这样：JavaScript中style后面的属性应该是什么？

Example Source C[……]

CSS网页布局和HTML语义结构

很多CSS建站的朋友，更加看重的是CSS知识以及CSS编码技巧，需要更加注重HTML文档的学习与研究。这是CSS网页布局的基础。下面我们学习一下关于这方面的知识。通常有两种情况阻碍你的学习：
　　第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和[……]

z-index 属性用法与实例

最近在做定义元素顺序的时候，看到z-index属性，看一些资料在这里整理下与大家分享。

定义和用法
zIndex 属性设置元素的堆叠顺序。

该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。

语法：
Ob[……]

CSS创建Web标准的网站

自从看了Zeldman先生的力作“Designing with Web Standards”中文版为《网站重构》（第2版）一书，感受颇深，坚定了我用web标准的思想，去开发实践我们的项目。但是仅知道一些什么是web标准以及如何应用到实际项目中，还是远远不够的。必须对web标准中的每个组成部分，逐一学[……]