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