一、无图片技术定义
在不使用CSS Image(通过CSS的引入的背景图片,不包括img标签内的图片)情况下生成类似图片效果的技术;换句话的意思就是在使用纯CSS生成类似图片效果的技术。
二、为什么要“无图片”?
首先我们通过yslow的statistics查看新浪微博最新版首页的文件,得到Stylesheet File(CSS文件)大小为206.8K, CSS Image大小为623.8K。明显发现CSS文件比CSS Image小很多。
当然单纯拿这两个来比,还不能说明什么。
下面我们...
分类为 UI 的文章:
说明:
通常我们使用以下方法来清除浮动:
<style>
.content{float:right}
.clear {clear:both}
</style>
<div class="content">content</div>
<div>sidebar</div>
<div class="clear"></div>
<div>footer</div>
这个方法简单有效,但是会浪费一个元素。下文是一个用CSS来清除浮动的方法,不需要添加空元素:
<style>
.c...
说明:
相机里的照片太大传不到网站上?有这个工具就够了,免费、绿色、小巧、强大。推荐给需要的朋友们。
这个软件可以单张或批量缩小图片尺寸和体积、添加水印(文字、图片或者都加),软件还自带了一些特效。
用法:
第一步:点击“添加图片”,选中需要处理的照片,可以同时选多张。
第二步:如果不设置水印的话,跳过这一步,点下一个标签“特效处理”。
第三步:特效,不需要就跳过。
第四步:输出大小调整为“800×600...
名称
如何工作
cubic-bezier(x1, y1, x2, y2)
X 和 Y 值在0到1之间,以定义用于Time function的贝塞尔曲线的形状。
linear
均速
ease
逐渐慢下来
ease-in
加速(渐入)
ease-out
减速(淡出)
ease-in-out
加速然后减速
定义和用法
letter-spacing 属性增加或减少字符间的空白(字符间距)。
该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为 0。
注释:允许使用负值,这会让字母之间挤得更紧。
默认值:
normal
继承性:
yes
版本:
CSS1
JavaScript 语法:
object.style.letterSpacing=”3px”
实例
设置 h1 和 h2 元素的...
微软雅黑一出世,就以结构优美、显示清晰等优点赢得了人们的喜爱,很多网站也开始采用微软雅黑作为正文字体。但是,在 XP 系统下,微软雅黑有可能会出现显示问题:
XP,Firefox,CRT
XP,Firefox,LCD
XP,IE7
可以看到,微软雅黑在 XP 下的 CRT 显示器非常模糊,很难阅读,在 LCD 显示器里锯齿明显、笔划粗细不一,显示效果还不如宋体。经测试,微软雅黑 在 XP 下的 IE6 和非 IE 浏览器显示有问题,IE7 显示正常。这与文字渲染...