作家
登录
    用户名:  密码:   
  • CSS边距属性定义是用margin还是用padding的两者对比

    CSS边距属性定义元素周围的空间。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——W3School 边界(margin):元素周...

    作者:asdasdasd11-19
  • 网页设计中的CSS Sprites技术介绍及其优化方法

      在大家还在拨号上网的“远古时期”,由于网速的限制,页面开发者都喜欢把网页里面的图片字节数控制的非常小,往往在一个图片文件夹里散落着n多的小碎图。随着网络技术的发展,网速...

    作者:asdasdasd11-19
  • 网页设计中常用的度量单位的介绍与比较

    在网页中对网页元素的大小修饰除了数值大小外,还有就是度量单位的选择了。不同的度量单位会有哪些不同的效果呢?首先我们了解下网页设计中的各类单位及说明。原文链接 像素(px) 根据显示器的...

    作者:asdasdasd11-19
  • 背景半透明最佳实践

    现在有一个需求,需要对一个纯色的层实现半透明效果。效果如下,边框需要透明,透明度为 #000000 的 30%:
    用各种浏览器打开下面这个 DEMO, IE9 有特殊显示: DEMO: 背景半透明最佳实践 &raquo...

    作者:asdasdasd11-19
  • 手机文本输入框的设计方法介绍(图文)

    手机端的文本输入受到使用环境、网络状况及设备本身条件的制约,使其用户体验的改良成为一个老生常谈的话题。如:一直在改进的输入法,新输入方式的探索(语音输入),甚至想尽种种办法去避免输入...

    作者:asdasdasd11-19
  • 关于移动互联网手机搜索的特性分析(图文)

      手机搜索广告机会  近年来移动互联得到了快速的发展,据国外高级互联网分析师吉蒙-蒙斯特(Gene Munster)称,2012年谷歌的移动广告收入将高达45亿美元,较2011年的25亿美元上涨了80%。其中...

    作者:asdasdasd11-19
  • 倾听色彩的声音 网页与产品的配色研究

      前言  色彩是一个网站的情绪表达方式或者说是性格特征的体现,每种颜色都有着属于自己的声音。作为一种视觉元素,色彩是很难被量化被衡量的,也很难用理性的角度去分析和阐述它,我现在试...

    作者:asdasdasd11-19
  • 可以测试wordpress主题跨浏览器兼容性的6款工具(图文)

    至今为止,做了不少wordpress主题,有免费的,也有定制的,最让头疼的是,在不同的浏览器内测试WordPress主题的兼容 性。可能你的电脑上有你最常用的浏览器的最新版本,但是为了测试浏览器的兼容...

    作者:asdasdasd11-19
  • 只要十步就能学会用CSS建设网站 CSS建站的十个步骤(图文教程)

    第一步:规划网站,本教程将以图示为例构建网站1.规划网站,本教程将以下图为例构建网站。其基本布局见下图:主要由五个部分构成:1.Main Navigation 导航条,具有按钮特效。 Width: 760px Heig...

    作者:asdasdasd11-19
  • inline-block元素间距去除掉方法介绍(图文教程)

    一、现象描述真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距,很简单的个例子:<input /> <input type="submit" />

    间距就来了~~我们使用CSS更改非inline-blo...

    作者:asdasdasd11-19
  • 抽屉式导航的设计更能让用户专注于核心的功能

      导航是产品设计的重头戏,Web端设计的时候是在考虑如何将操作展示给用户,而Mobile的设计更多的时候则是考虑如何将操作巧妙的隐藏起来。但这种隐藏实际上是为了核心功能的突出。  iOS导航...

    作者:asdasdasd11-19
  • 用HTML+CSS制作邮件网页的技巧总结

    我们在做邮件营销的时候,都希望用户打开邮箱后看到我们发给对方是一个完整的网页页面,但是邮箱对HTML页面的渲染与在浏览器中的渲染不同,渲染能力小了很多,在浏览器中正常显示的效果,在邮件...

    作者:asdasdasd11-19
  • 图解JQUERY对尺寸及位置的定义(图文讲解)

      最近在学习JQUERY的一些应用,接触到了JQUERY对于元素尺寸及位置定义,还有就是配合浏览器尺 寸及状态的计算所做出的一些动画特效。其实像这类JQUERY应用无外乎涉及这些属性的调用:innerHe...

    作者:asdasdasd11-19
  • 利用CSS3参考手册和CSS3代码生成工具加速来学习网页制

    CSS3技术现在越来越成熟,通过CSS3的一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建的效果已经令前端开发者兴奋不已。使用CSS3进行前端设计是未来的发展趋势。因此,如果你是一名...

    作者:asdasdasd11-19
  • 宽度高度不固定的div 如何水平居中以及垂直居中

    宽度高度不固定div的水平居中演示如下:

    水平居中代码:
    html部分<div class="container"><div class="center"><a href="#">1</a><a href="#">2</a><a href="#">3</a><div style="clear:both">...

    作者:asdasdasd11-19
  • 淘宝店铺设计的方法教程 宝贝描述的详细处理方法

    做淘宝有一年多的时间了,之前一直做平台或企业网站,现在呢把自己一些心得体会写出来。  做淘宝的描述无非就是处理商品和场景安排,有人问我为什么策恩的鞋子质感可以做得这么好,其实这并不...

    作者:asdasdasd11-19
  • IE浏览器下的CSS问题小结

    IE下的特殊情况 下面是14条特殊情况你看一下是哪个问题出错了这些仅供参考: 1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,...

    作者:asdasdasd11-19
  • CSS网页制作教程:浏览器与CSS选择器对应表

    1)关于子选择器 ( > ) 在ie7+标准模式,chrome,ff下开始支持了。有人说在ie7下,如果父元素与子元素之间有注释的话就会失效,但是我没有发现。 2) 临近兄弟选择器(+) 在ie7+标准模式。chrome...

    作者:asdasdasd11-19
  • 前端工程师新手必读:掌握网页设计的基本技能和弄清设计的概念

      公司招了几个刚毕业的学生,作为重构的新手让我来带。  首先感谢感谢党、感谢国家、感谢公司给了我这样的一个机会,对我工作的肯定和认可,让我带这样的一个重构团队,同时我也明白任务的...

    作者:asdasdasd11-19
  • 提升网页加载速度和体验以及图片优化的方法

      在网站优化中,如果图片优化得好,不但可以提高页面的加载速度,提升网站的用户体验,而且还可以通过图片优化来节省网站的带宽。那么作为页面构建工程师应该采用什么方法来优化图片,既能保...

    作者:asdasdasd11-19
  • 移动互联网网设计之碎片时间里的高效设计

    正如微博,在移动互联时代用户的"短、频、快"诉求更为强烈了。移动用户多是利用碎片时间来享受服务的,银行排队、坐地铁、乘公交、电梯中&hellip;&hellip; 当仔细观察这些"道路勇士"们的使用情景...

    作者:asdasdasd11-19
  • 网站用户体验设计中的法则:信息交互设计金字塔法则

    本文来自7月8日#36氪开放日#北京站,卓衡科技运营总监刘鹏的演讲,文中刘鹏讲述了他们在创业过程中总结出的交互设计的金字塔法则。卓衡科技是一家新兴的用户体验设计公司,为客户提供定制性的用...

    作者:asdasdasd11-19
  • 关于交互设计中的默认值的设计要点

      寒冷的冬日到陌生环境中往往会碰到水温调节,剧情一般是这样的:你调节到一个自认为合适的刻度,放了一段时间水后发现还是冷的,于是慢慢放大热水,几次调解后索性将热水开到最大,结果太烫...

    作者:asdasdasd11-19
  • 一个挺常用的float布局div问题解决方法

    这次遇到个类似的控件,一个父div带边框,里面就是一个一个float的子div,需要换行的时候加了一个 float:left; height:0px; width:100%; overflow:hidden; font:0pt;/* 蛋疼的IE6你懂的*/ 的伪"换行...

    作者:asdasdasd11-19
  • metro的介绍以及metro的好处介绍

    关于metro设计原则 metro设计原则是对设计师的考验,在用户看来,呈现在其面前的是如此简单清新的画面,以至于有的人戏称&ldquo;用简单的 windows画图就能设计出来&rdquo;,我并不否认简单的画图...

    作者:asdasdasd11-19