UI美工
lzpsnake
互联网行业从业人士,PHP程序员。喜欢研究各种编程技术和网站运营。目前任职于国内知名电子商务软件供应商ShopNC。
展开
-
在IE6中overflow: hidden BUG
有时单单是给容器添加overflow: hidden,IE6很可能根本看不见任何效果。 但是一旦容器有了固定的高度、宽度,overflow: hidden立刻就达到了期望的效果。 为些只能为IE6 加个CSS HACH : Selector {_width:value}转载 2011-12-06 09:26:14 · 195 阅读 · 0 评论 -
CSS3 box-shadow实现纸张的曲线投影效果实例页面
.curved_box { display: inline-block; *display: inline; width: 200px; height: 248px; margin: 20px; background-color: #fff; border: 1px solid #eee; -webkit-box-shadow: 0转载 2013-01-11 11:43:28 · 456 阅读 · 0 评论 -
欧美网站设计特点
欧美网站设计风格给人的第一印象就是简洁,突出重点,页面中的文字和图片都相对较少,文字和图片的混排也相对较少,而文字内容的描述和图片展示都比较紧凑集中,但关联紧密,使浏览者可以明确精准的找到自己想要搜索和寻找的信息。因为文字比图片所要表达的内容更集中准确。除一些娱乐或者产品宣传的页面或者栏目频道,会用大幅的动画广告加以宣传外,基本的文字描述都是很精致简单的,即使是长篇的文章,它们也会通过段落排版,把转载 2013-01-11 09:00:35 · 353 阅读 · 0 评论 -
CSS实现跨浏览器兼容性的盒阴影效果
一、无关紧要碎碎念 在web页面的ui表现中,投影效果可以说是非常常见的一种表现效果了。例如开心网的头像修饰效果: 然而,在CSS2的时代,我们多半使用图片实现类似效果,或是使用CSS其他属性模拟阴影效果,但是,现在,CSS3的崛起使得这个问题已经不再是是个问题了,本文就将展示如何实现跨浏览器的盒阴影效果。 二、标准方法 标准方法当然就是指使用CSS转载 2013-01-11 11:19:48 · 363 阅读 · 0 评论 -
编写email邮件的HTML页面原则
几乎每个会员制网站都需要通过后台发送邮件来与会员进行沟通,如注册确认、营销推广。这些 由站方发给会员的信件,往往纯文本格式已不能满足界面和交互的要求,这时候我们就需要发送HTML页面。由于HTML邮件不是****的HOST在本站的页 面,是寄人篱下的。所以编写HTML邮件与编写HTML页面有很大的不同。因为,各面向网民的主流邮箱都或多或少的会对它们接收到的HTML邮件在后台进 行过滤。毫无疑问,J转载 2012-12-21 22:36:05 · 440 阅读 · 0 评论 -
2013年响应式网页设计将兴起
本文转载自Socialbeta,作者puting。国外一些知名的科技媒体如Mashable, theNextWeb最近都改版了,满满的填满整个屏幕,开始看还很不习惯,直到Mashable创始人撰文说他们采用了可适应网页设计(Responsive Web Design)(注:国内也译作“响应式网页设计”),而文章中也指出2013年将成为自适应网页设计之年。 所谓自适应网页设计,是由Ethan Ma转载 2012-12-18 13:26:44 · 206 阅读 · 0 评论 -
爱上朴实的CSS细节
未来的CSS太让人兴奋了:一方面,是全新的页面布局方式;另一方面,是酷炫的滤镜、颜色等视觉效果。这些CSS,受开发者追捧,被杂志和博客文章铺天盖地地介绍。 如果说这些特性是CSS华丽的一面,那我们来看看它朴实的一面:很不起眼的东西,如选择器、单位、函数(方法)。我经常说这是繁琐的东西,但我意思是它们能干漂亮的活,这就是我要分享的。 怎么说呢,让我们看看这些效果最好的朴实的CSS转载 2012-12-28 15:51:17 · 202 阅读 · 0 评论 -
网页我希望能再“大气”一些
第一种:商务性质中的“大气” 简约的页面风格容易受到用户的喜欢,而且能给用户带来一定的安全感。拿IBM这个来说,页面给人的第一感觉是专业和安全。焦点图构成也比较简单,左侧醒目的标语用了简单的渐变,右侧也运用了简单的几何图形。下面几个例子也是如此,还有一些没有列举出来的,比如大家很熟悉的apple官网。 商务性质的页面表现“大气”的感觉一般注意几点: 1.留白。大量留白转载 2012-12-28 15:37:41 · 176 阅读 · 0 评论 -
设计好脾气的Web页面
感觉已经连续下了九百多天的雨了,身上也仿佛即将生出苔藓与蘑菇。Down your sister‘s rain……淡定着,说正事儿。本篇译文其实在春节之前就有所着手,不过期间连续看到了几篇更想做的,于是相当没有节操的见异思迁了。今次恰逢母难日,抓紧时间补回来。走起。 随着技术的进步,Web设计的理念与技法也在不断发展。设备种类越来越多,带给我们的挑战也越来越大。怎样以最合理的方式使设计方案能够最大转载 2012-03-09 20:06:59 · 186 阅读 · 0 评论 -
css关于checkbox和label水平对齐的问题
项目中的UI细节有时候会很让人头疼,比如最近遇到了一个问题,就是关于checkbox和label的水平对齐问题,虽然解决方案很多,但是我感觉这个算最完美的,解决方案如下: 我接受 就是将checkbox和label都设置vertical-align:middle就行了,不信你可以试试,哈!转载 2011-12-25 10:42:26 · 1800 阅读 · 0 评论 -
关于a标签
首先来了解下标签的一些样式: 标签的伪类样式 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括: 总: a 表示所有状态下的连接 如 a{color:red} ① a:link:未访问链接 ,如 a:link {color:blue} ② a:visited:已访问链接 ,如 a:v转载 2011-12-08 23:39:26 · 211 阅读 · 0 评论 -
radio jquery 选中
attr("checked","checked");原创 2011-12-08 11:36:27 · 196 阅读 · 0 评论 -
解决IE6兼容性问题的十一大技巧
1、使用声明 你必须经常在html网页头部放置一个声明,推荐使用严格的标准。例如 "http://www.w3.org/TR/html4/strict.dtd”> or,forXHTML: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> 最后你需要是IE6进入兼容模式,这已经足够兼容了。 2、使用positi转载 2013-01-18 13:43:02 · 332 阅读 · 0 评论