布丁黑板报

好记性不如烂博客

关于inline-block的兼容测试

首先说下inline、block、inline-block的区别 inline:行内元素显示前后无换行符 block:块级元素 inline-block: 行内块元素 重点说下inline-block这个属性。经过测试当display:inline-block的时候,本身为块元素的HTML...

2014-10-19 11:51:34

阅读数 1235

评论数 2

淘宝的reset css

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {margin:0;padding:0} body,button,input,...

2014-07-25 11:41:25

阅读数 4032

评论数 0

引用外部CSS的link和import方式的分析与比较

多网页中的 CSS 链接与引用是这样写的: @import url("http://www.abaonet.com/abc.css");   而很多网站使用的都是 link     而像 google 百度 163等网站它们都是直接...

2014-07-14 14:21:47

阅读数 704

评论数 0

css实现强制不换行/自动换行/强制换行

强制不换行  div{ white-space:nowrap; } 自动换行 div{  word-wrap: break-word;  word-break: normal;  } 强制英文单词断行 div{ word-break:break...

2014-07-08 10:12:59

阅读数 618

评论数 0

媒体查询

〈link rel="stylesheet" type="text/css" media="screen" href="screen-styles.css"> 〈link rel="stylesh...

2014-05-20 11:35:27

阅读数 777

评论数 0

前端高手也不能错过的css常识

1、不要实用过小的图片做背景平铺。举例宽高都是1px的图片用做背景平铺太耗费资源。1px 背景图。拼一个200*200像素的区域需要渲染40000次。耗费可不是一点半点 2、无边框。推荐的写法是 border:none。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析...

2014-04-02 23:08:07

阅读数 1079

评论数 0

解决iphone横屏时字体变大问题最佳方法

前提修改文档声明,如有疑问,请看文章手机web2.0网页文档属性 @media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}} @media screen and (max-de...

2014-03-31 17:25:44

阅读数 1520

评论数 0

CSS reset & 闭合div 适用于HTML5

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, ...

2014-03-12 22:03:38

阅读数 1767

评论数 0

点九:避免Andriod平台图片失真的图片形式

“点九”是andriod平台的应用软件开发里的一种特殊的图片形式,文件扩展名为:.9.png 智能手机中有自动横屏的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。 我们都...

2014-03-12 20:31:17

阅读数 849

评论数 0

APP界面设计指南|APP界面设计师必备信息图

013年,APP界面设计已经越来越受到大家的关注和热捧!作为一个接触APP界面设计的老鸟,网站设计师们。一定得记住:用户体验设计放在首位! 信息图:移动端APP设计指南 APP界面设计指南|APP界面设计师必备信息图

2014-03-11 14:15:00

阅读数 2570

评论数 0

iPhone、iPad等iOS系统界面设计字体规范

做移动UI设计的朋友们肯定都知道,移动客户端的界面上做效果的时候提前找所用的字体,特别注意在windows下设计的字体和实际UI界面上显示的效果很大的差别。 博主谈到设计师可以提前和开发沟通好,就是告诉开发字体和字间距之类的需要自定义,请程序提前做好“准备”(一般字体和字的效果程序都是可以提前封...

2014-03-11 13:45:53

阅读数 10951

评论数 0

ipad界面设计规范,新手设计iPad的必备宝典

平台特点 1 大屏幕,分辨率 1024×768 2 再次强调没有固定的方向,必须四个方向都支持。 3 可以外接键盘 4 可以放置设备,与台式机同步 iPhone与iPad的共同特点 - 内存有限 - 同时运行单个程序 - 在设置功能里放置程序选项 - 设备方向...

2014-03-11 13:40:03

阅读数 6199

评论数 0

Android APPUI设计、切图的常用尺寸大全

今天在APPUI设计群里 ,不少朋友在问  android APPUI设计、切图的常用尺寸到底是多少?很不清楚,所以老谭在此跟大家分享下。 Android 系统就被设计为一个可以在多种不同分辨率的设备上运行的操作系统。对于应用程序来说,系统平台向它们提供的是一个稳定的,跨平台的运行环境,而关于如...

2014-03-11 11:04:28

阅读数 4735

评论数 0

Android应用程序UI界面设计官方权威解读

据某媒体报道,2012年国内安卓手机市场占有率达到了36%!可以肯定是 Android 智能手机已经融入到了我们的生活。然而,Android 应用界面设计相对于iphone的界面设计来说,稍有逊色。于是,Android 团队宣布推出官方“安卓设计( Android Design)网站,就 Andr...

2014-03-11 10:57:29

阅读数 1810

评论数 0

苹果iphone APP界面设计尺寸官方版

iphone界面设计尺寸(640*960)px 该Iphone界面设计是从苹果官方网站帮助中心提取过来,这也是我第一次帮公司产品设计iphone版的UI使用的尺寸。由于之前接触的比较少,只知道苹果手机的界面尺寸是640*960,其实真正的大小是320*480,因为人的视网膜关系,苹果公司...

2014-03-11 10:51:57

阅读数 4832

评论数 0

前端开发规范

基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度. 文件规范 1. html, css, js, images文件均归档至约定的目录中; 2. html文件命名: 英文命名,...

2014-02-27 12:38:49

阅读数 1145

评论数 0

再谈清除浮动

清除浮动对于任何CSSer来说都是基本中的基本,但我不愿称其为基础,因为最近我浏览网页看到各种充斥的清除浮动的方法后,才彻底明白,虽然各种方法被大量的使用,却甚为混乱。最糟糕的是很多有问题的流传版本的搜索排名都非常靠前,用神大人的话说就是:“错误的知识是毫无意义的”。 然而,坊间流传的很多方法其...

2014-02-22 22:10:34

阅读数 766

评论数 0

IE下css设置select的诸多问题

IE下设置select的无法实现的。先改变select的尺寸可以设置select的宽高 示例代码 select{ height:20px; width:80px;} test1 我想尝试使用css来模拟实现可改变高度,其实ie67下可以通过设置font-si...

2014-02-20 12:50:06

阅读数 5723

评论数 0

css reset

/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* =============================================================...

2014-02-20 10:13:05

阅读数 891

评论数 0

十大CSS技巧

1. 用 firebug 或 console 来调试         在 Firefox 还没有推出 Developer Tools 时,大家一定是用 Firebug 来调试,2006 年 Firebug 第一版 release 出来,让 web 开发者可以更快速的了解网站调试,...

2014-01-10 16:18:52

阅读数 5957

评论数 0

提示
确定要删除当前文章?
取消 删除