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

css3 圆角渐变颜色按钮样式写法

脱离以前渐变需要用图片来铺的写法，全用css3代码些出来，优点是可以根据字体的大小伸缩。当填充和字体大小发生变化时，这些按钮的大小可以容易地适应。这种方法最好的部分就是能被应用于任何HTML元素，比如 div, span, p, a, button, input, 等等。

主要是border，[……]

zencart页面布局三栏布局修改成两栏布局

zencart网店系统，好多人会想把产品信息页面变成两栏的，找了好多方法，还是下面这个方法最简单实用

在这个页面的header_php.php去修改

比如:产品详细页面是products_info 就去改

includes\modules\pages\product_info\he[……]

google浏览器chrome设置滚动条样式

在chrome浏览器下用过google reader的都知道，鼠标放在左边导航会有一个简洁的滚动条，自己也做了一个试一下
样图

代码：

html {
    overflow: auto;
}
body {
    position: absolute;
    top:[......]

HTML5的hidden属性用法及display:none和visible:hidden的区别

用法很简单：

<div hidden>
You can’t see me!
</div>

这个属性的表现类似css的display:none，用了这个属性后，元素会被隐藏，块级元素也会折叠起来不再占位，和visible:hidden不一样。

displa[……]

css 自定义全局的input样式(提交按钮，文本框)

HTML input 标签 根据不同的type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

自定义input全局按钮的样式

google的input按钮定义

input[type=”submit”] {
    -m[……]

CSS实现中文段落前面空两个字

段落前面空两个字的距离，用css定义一个p标签，使用首行缩进text-indent实现第一行不用打空格就能自动控两格。

text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。

text-indent: 2em;使每段前空两个汉字，在这里我们需要了解一种[……]

CSS3 Background-size属性

主要是相介绍一下，background-size:cover这个属性，顺带就全面的介绍一下background-size属性。
取值：
background-size: auto || length || percentage || cover || contain

取值说明：
1、au[……]

css3 Transition 效果的使用

今天看到一个英文的网站的链接鼠标经过状态是有一个过渡效果的，看了一下是用的transition属性，特地查了一下具体的使用

先看一下在下面元素中的鼠标效果

这里是a属性鼠标经过切换颜色的过渡效果

a:link,
a:active,
a:vis[......]

WP-UTF8-Excerpt——wordpress首页自动显示摘要可保留文章格式

这里推荐一个wordpress首页自动显示摘要并且可保留文章格式的插件WP-UTF8-Excerpt

主要特点：
1，支持多字节语言（如中文），不会产生乱码。
2，摘要可保留文章中的格式标签，如字体、颜色、链接、图片等（需保留的标签可在后台设置）。
3，首页每篇文章显示300字，存[……]

css下拉菜单小三角形箭头的写法

直接用css写出一个向下指的小三角行，以后就不用切图那么麻烦了

主要代码就是：

border-color: #666 #fff #fff;
	border-style: solid;
	border-width: 4px;

具体的演示
如图显示

代码：

.si[......]