2014年6月18日

margin负值5种应用

摘要: 最近做的项目中经常会用到margin的负值,这里就总结一下关于margin负值的5种使用及相关bug的解决。1. 在流动性布局中的应用如WordPress的两栏式不固定布局就是使用margin负值来实现的定位,属于左右margin负值在流动性布局中的应用。 左侧宽度固定 ... 阅读全文

posted @ 2014-06-18 11:16 鬼鬼丫404 阅读(95) 评论(0) 推荐(0) 编辑

2014年6月17日

10条影响CSS渲染速度的写法与建议

摘要: 这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分,暂时总结了10条。1、*{} #zishu *{} 尽量避开由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,设计者通常会在CSS的一开始就把所有标签的默认属性全部去除,以达... 阅读全文

posted @ 2014-06-17 11:50 鬼鬼丫404 阅读(124) 评论(0) 推荐(0) 编辑

人人都能用的10条网站易用性技巧

摘要: 1. 给你的logo添加替代文本这样有两个好处:屏幕阅读器能识别logo图片代表的含义,图片未加载到时,也能告诉非视障用户那里是你的logo。几种方法:或者,你用背景图来实现logo的话,也可以添加title属性来实现: 当然,链接+背景图的方式是最好的,但最好也加上title属性:前... 阅读全文

posted @ 2014-06-17 11:48 鬼鬼丫404 阅读(100) 评论(0) 推荐(0) 编辑

2014年6月16日

Div+CSS常见错误总结

摘要: CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误... 阅读全文

posted @ 2014-06-16 17:49 鬼鬼丫404 阅读(66) 评论(0) 推荐(0) 编辑

font-size:100%有什么作用?

摘要: h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}input,select,textarea,samp {font-size:100%;}看到一些css重设,请问设置font-size:100%的目的和作用是什么?--------------... 阅读全文

posted @ 2014-06-16 17:45 鬼鬼丫404 阅读(65) 评论(0) 推荐(0) 编辑

jQuery渐隐渐现字体发虚的问题

摘要: 在使用jQuery的fadeIn和fadeOut时,Firefox一切正常,但IE会出现文字模糊和锯齿 的问题,解决方法就是给文字所在的div加上属性“background-color:#ffffff;”就是把 背景色设成白色(其他颜色也行),总之,就是要明确给出一种背景色。 阅读全文

posted @ 2014-06-16 17:26 鬼鬼丫404 阅读(66) 评论(0) 推荐(0) 编辑

10个CSS简写/优化技巧

摘要: CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。下面介绍常见的CSS简写规则:一、盒子大小这里主要用于两个属性:margin和padding,我们以margin为例,padding与... 阅读全文

posted @ 2014-06-16 15:08 鬼鬼丫404 阅读(58) 评论(0) 推荐(0) 编辑

一个页面重构工程师眼中的“用户体验”

摘要: 在工业化设计融入人们生活的现今,用户体验一词就常常出现在人们的视线里,随着互联网web2.0时代的到来,大大小小的网站设计中也都开始关注用户体验的方面,对什么是用户体验(百度这四个字,比我写什么解释都好)就不做详细赘述了,相信大家比我了解的更加丰富。用户体验从产品设计阶段便开始介入进来,如原型设计中... 阅读全文

posted @ 2014-06-16 14:52 鬼鬼丫404 阅读(102) 评论(0) 推荐(0) 编辑

2014年6月12日

line-height:2和line-height:2em的区别,它们是有区别的

摘要: 一直有人搞不明白line-height:2和line-height:2em的区别,因为他们不知道或者还没遇到过这类的问题或者差异。line-height:2是2倍的意思,如果内部有不同大小文字的情况下,以最大文字为倍数。line-height:2em也是2倍文字大小的意思,但如果内部有大文字,它还是... 阅读全文

posted @ 2014-06-12 17:51 鬼鬼丫404 阅读(362) 评论(0) 推荐(0) 编辑

2014年4月29日

[技巧心得] CSS中文字体对照表

摘要: Unicode简单的说一下制作网页时的为了兼顾到一些浏览器CSS样式文档中一般是不出现中文字体的,尤其是{}中,因此通过参照下表将其对应转编,可以将中文名转成英文名、unicode、unicode2注意unicode2是直接输出为文本的,比如:微软雅黑,我们在CSS中的设置为font-family:... 阅读全文

posted @ 2014-04-29 17:24 鬼鬼丫404 阅读(145) 评论(0) 推荐(0) 编辑

导航