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

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

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

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

CSS3 Background-size属性

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

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

万维网联盟的HTML5规范验证页面

万维网联盟的HTML5规范验证页面Markup Validation Service(Check the markup (HTML, XHTML, …) of Web documents)
可以以此来验证下自己设计的页面是否符合标准。http://validator.w3.org/

addr[……]

手动升级WordPress步骤

由于服务器一直不支持ftp， WordPress的升级只能采用手动升级的方法了，网上看了好多方法，这个方法自己试了一下，还是很好用的，比较简单，步入正题：

手动升级WordPress步骤

第一步、备份程序文件和数据库。最好将你的网站所有文件备份以下。

第二步、手动升级 WordPr[……]

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

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

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

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

导航条固定置顶＋背景渐变＋投影的css代码

实现效果导航条固定置顶，导航背景渐变，并且有个投影。
今天看了qq for mac 界面的一个导航条固定置顶，并且背景颜色渐变，还有一个阴影，对于浏览器的兼容也做的不错，就copy下来了，留做备用。看效果：

上代码：

.top {background:#fff;
	backgroun[......]

CSS代码精简工具和W3C验证器，CSS中文手册

能用最简洁的代码来实现一个精美的网页排版和布局, 这应该是每个网页设计师对自己的一种要求。尽管通常一个CSS文件占用不了什么带宽, 但之于网页设计, 在不影响整个网页构架与功能的情况下, 网页文件越小越好. 因为更小的网页文件有利于缩短页面的载入时间.

本文里面为大家介绍介绍两个CSS代码精简[……]

Readbag: “稍后再读”链接收藏与分享服务[NOT-THIS-LINK]

Readbag是一个关于“稍后再读”(Read-it-later)的在线网页链接收藏、管理与分享服务，通过它你可以很方便迅速的收藏暂时没空查看的链接，并且不用害怕忘记这些链接，它提供了几种方式来提醒你有一些未读的网页。

Readbag基于服务，所以你只需使用你的Google帐号就可以使用Rea[……]