鬼鬼丫404 - 博客园

margin负值5种应用

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

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

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

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

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

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

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

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

Div+CSS常见错误总结

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

posted @ 2014-06-16 17:49 鬼鬼丫404 阅读(70) 评论(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 阅读(67) 评论(0) 推荐(0)

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

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

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

10个CSS简写/优化技巧

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

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

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

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

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

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 阅读(375) 评论(0) 推荐(0)

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

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

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