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

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[……]

阴影filter:drop-shadow属性及伪元素after的使用

要做阴影我们一般都是用的box-shadow来实现，今天看了前端观察的一篇文章看一下filter:drop-shadow的效果
代码如下：

body {
	background: #ddd;
	font: 16px/1 sans-serif;
	}
div {
	margin: 100[......]

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

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

自定义input全局按钮的样式

google的input按钮定义

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

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[......]

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

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

主要代码就是：

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

具体的演示
如图显示

代码：

.si[......]

在线生成 CSS3 圆角代码——Border Radius

CSS3是样式表（style sheet）语言的最新版本，它的一大优点就是支持圆角。

CSS3圆角只需设置一个属性：border-radius（含义是”边框半径”）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。[……]

css position属性relative相对定位与absolute绝对定位的区分

w3school 对其值的描述

absolute

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。

relative

生成相对定位的元素，相对于其[……]

更改comment_form()函數表单顺序，名称，电子邮件，网站排序

修改评论框上面，名称，电子邮件，网站与输入框的位置，

WordPress 3.0 新增的表单生成函数 comment_form()来控制的，修改文件comments 是没有效果的。

先用图片说明问题，先看原来3.0之前的评论样式：

使用表单函数 comment_form()[……]