Sym - 一个用 Java 实现的现代化社区平台 • 源码注册

Pipe - 小而美的开源博客平台 • 体验皮肤
Solo - 一个用 Java 实现的博客系统,为你或你的团队创建个博客吧! • 源码下载
Wide - 一个基于 Web 的 Go 语言 IDE • 教程试用

0 篇文章

CSS3 (Smashing Magazine) 设计比赛 获奖作品

SmashingMagazine 为了激发 Web 设计者对 CSS3 的兴趣,上月组织了一次 CSS3 设计赛,最终有 5 位设计师获奖,获奖作品体现了 CSS3 技巧的原创性与独特性,同时展示了 CSS3 的强大的功能,这些作品基于纯 CSS3 技术,并不借助 JavaScript 或其它技术。第一名: CSS3 图表 CSS3Charts[预览 | 下载] 该设计试验了 CSS3 在图表方面的应用,不借助任何 JavaScript 和图片。用到了

5 个实用的 CSS3 实例

对于设计人员和开发人员来说,CSS 一直是 web 设计过程中重要的一部分,随着 CSS3 的出现以及越来越多的浏览器对它的支持,设计师们有了更多的选择。用纯 CSS 也可以实现各种各样很酷的效果了,甚至是动画。虽然有些效果不能跨浏览器(甚至是支持 CSS3 的浏览器)运行,有些只是展示并没什么实际用途,但仅用 CSS 实现出的这些效果似乎没什么可以挑剔的。这里有 5 个使用 CSS3 实现的常见效果,你可以马上动手试试看。1.

前端优化方案 - CSS 优化方案

Author: 李丽媛 Date:2010/6/2Email:lly219#gmail.com1CSS 优化方案 1.1 使用 CSS 优化工具 a)onlineCSSOptimizer;b)CSSFormatterandOptimizer。解决方案:选取以上一个工具进行进行优化。1.2 清理 CSS 在我们写样式的时候,页面的 CSS 在经历几个版本的修改之后,可能有些样式已经用不到了,或许将某些样式更名了而原来的忘了删除

长度单位 PX/EM/PT/EM 区别及其转换公式与对照表

在网页设计 css 中,经常用到字体,而字体大小的设置单位,常用的有 2 种:px、pt。这两个有什么区别呢?先搞清基本概念:px 就是表示 pixel,像素,是屏幕上显示数据的最基本的点;而 pt 就是 point,是印刷行业常用单位,等于 1/72 英寸。这样很明白,px 是一个点,它不是自然界的长度单位,谁能说出一个 “点” 有多长多大么?可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,

CSS 模板是怎么炼成的

作者: 李丽媛邮箱:lly219@gmail.com 日期:2009-1-12 前言(自说自话)从初识 CSS 到现在已经 5 个年头了。大多是断断续续的,可是近一年来接触颇多,甚有一些些体会。第一次接触只知道 font,color,background,margin,padding 等基本知识,乃至连 margin、padding 都分不清个所以然。在第一次 Web 大作业中知道了有 “div+csstemplate”, 为了

实现圆角的几种方式

作者: 李丽媛邮箱:lly219@gmail.com 日期:2009-1-61.css3 的圆角属性:-moz-border-radius:-webkit-border-radius: 参数有 4 个时:上左的圆角大小,上右的圆角大小,下右的圆角大小,下左的圆角大小参数有 3 个时:上左的圆角大小,上右的圆角大小和下左的圆角大小,下右的圆角大小参数有 2 个时:上左的圆角大小和下右的圆角大小,上右的圆角大小和下左的圆角

你需要知道的 CSS3 动画技术

译自:你需要知道的 CSS3 动画技术译自:WhatYouNeedToKnowAboutBehavioralCSS 转自:http://www.qianduan.net/what-you-need-to-know-about-behavioral-css.html 译序:本文译自 Smashingmagazine,但是原文讲述的内容有些浅,也不是很完整,前端观察在翻译的前提下,增加了更多的更系统的内容。如有不

40 个超实用的 web 设计工具

灵感类 2.Webdesignlibrary1.DeviantartDeviantart 是互联网站最大的艺术展示站点之一。你可以在这里找到好灵感。WebDesignLibrary 是一个提供设计研究平台的资源站点,覆盖了大量的理论知识和实战方面的信息。3.StylevaultStylevault.net 是一个设计展示站点,设计师可以在上面展示才华的同时其他人也可从中获益。4.BehanceBehance

CSDN blog css -- 天藍风格

實例如下:制作步骤:1. 选择 AnotherEon001 皮肤 2. 把以下复制到自定义 CSS 样式 body{background:#F7F7F7url(http://hi.csdn.net/attachment/200911/7/2190_1257596077JTZF.jpg)repeatscrolllefttop;color:#5A554E;}a:hover{color:#516C00;text-deco

css—border, margin, padding - 浏览器

在 border,margin,padding 中,不同的浏览器解析的时候 heigh 得到的值总是不一样。border 的话,在使用 w3chtml4.0.1 标准后都不算在高度里面,也就是说你的 height=height。否则 IE6,7,8 里面 height=height - 上下 border,FF 却不会。padding 的话,在使用 w3chtml4.0.1 标准后都不算在高度里面,也就是说你的 height=heigh

CSDN blog css -- 简约风格

实例如下:制作步骤:1. 选择 AnotherEon001 皮肤 2. 把以下复制到自定义 CSS 样式 body{background:#303B41nonerepeatscroll00;color:#808080;}#csdnblog_allwrap{margin:0auto0;}#csdnblog_midwrap{border-left:0pxsolid#000000;border-right:0pxsoli

CSDN blog css -- 草绿风格

实例如下:制作步骤:1. 选择 AnotherEon001 皮肤 2. 把以下复制到自定义 CSS 样式 body{background:#A6B510url(http://hi.csdn.net/attachment/200910/27/2190_12566350969gCY.jpg)repeat-yfixedcentertop;font-size:85%;color:#333333;}#csdnblog_all

50 款 CSS 工具:网格和布局工具,CSS 优化工具….

sogood!转自:http://www.alibuybuy.com/9042.html50 款 CSS 工具,包含,CSS 网格和布局工具,CSS 优化工具,CSS 菜单生成工具,CSS 按钮生成器,CSS 圆角生成器,CSS 框架,CSSSprites 生成器,CSS 排版工具以及 CSS 表单生成器。网格和布局 The1KBCSSGrid 新颖的 CSS 网格工具,可用于简化内容管理系统的页面模板,轻巧易用。VariableG

全透视: CSS Z-index 属性

感觉后面的 Demo 很不错,特此收藏。。。翻译来源:堂主的博客非常好的一篇技术文档,翻译自 LouisLazaris2009 年 9 月 15 日发表的《TheZ-IndexCSSProperty:AComprehensiveLook》,相信会帮助很多像我一样的前端狂!原作者保留所有版权。EN 文不好,欢迎各路牛头斧正。

兼容所有浏览器的 CSS3 圆角

原文:兼容所有浏览器的 CSS3 圆角译自:CSS3roundedcornersforeverybrowser? 在各个浏览器中实现圆角的较简单快速的方案是结合 CSS3 和 JavaScript。CurvyCorners 是一个为 HTML 元素创建漂亮的圆角的免费 JavaScript 库。效果如下:该脚本的最大优势是可以在 Safari/Chrome/Firefox 中使用原生的 CSS3 属性 (通过 - webkit-bor

清理你的 CSS

在我们写样式的时候,页面的 CSS 在经历几个版本的修改之后,可能有些样式已经用不到了,或许将某些样式更名了而原来的忘了删除,总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗,也会增大我们的维护成本。那么有没有一些办法来清理那些无用的样式呢?今天就让我们来了解一下几个比较有用的工具。Dust-MeselectorsDust-Me 是一个很有用也很好用的 Firefox 插件,它可以

网页设计技巧:CSS 布局调试的有效方法 v

出处:天极网软件频道责任编辑:杨玲网页设计中 CSS 布局是很重要的部分,下面介绍几种检查调试 CSS 布局的有效方法。1. 检查 HTML 元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错 div 的嵌套关系。可以用 dreamweaver 的验证功能检查一下有无错误。2. 检查 CSS 是否书写正确检查一下有无拼写错误、是否忘记结尾的} 等。可以利用 CleanCSS 来检查 CSS 的拼写错误。CleanCSS 本是为 CS

Learn CSS Positioning in Ten Steps

使用 float 和 clear 可以方面的实现多列,并且 div 高度不用自己定义,会随着内容自动变化。1.position:static 所有元素的默认定位都是:position:static,这意味着元素没有被定位,而且在文档中出现在它应该在的位置。一般来说,不用指定 position:static,除非想要覆盖之前设置的定位。#div-1{position:static;}2.position:relati

CSS 教程: 认真学习 haslayout

2009-09-0708:11 作者:佚名来源:网页教学网【简介】要想更好的理解 css,尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多 IE 下的显示错误,就是源于 haslayout。要想更好的理解 css,尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多 IE 下的显示错误,就是源于 haslayout。什么是 haslayout?hasl

CSS 的 inhert 与 auto

见好就收 ^^ 转自:http://www.cnblogs.com/rubylouvre/archive/2009/09/04/1559557.html 一个很显浅的寓言,千年老树,电打雷劈,屹立不倒,却毁于蝼蚁的侵袭之下。自以为精通 CSS 的人,常常被一些小问题搞到头晕脑胀。通常是一个很小的数值,经过层层放大歪曲后,整个布局就走形了。CSS 是一门很简单的语言,易学易用,但也最容易出垃圾代码。这是没有深入研