摘要: 在如今这个提倡可用性设计以及用户体验设计的网络时代,CSS也是要一同参与其中的。大部分人在CSS代码编写中总是先对整体定义字体尺寸,中文情况下一般为12px,而其实这样以来在通过IE顶部菜单中的“察看-文字大小”设置已无任何作用。对字体感觉太小的浏览者而言无疑是种很不好的用户体验过程。其实这一切都可以避免,那就是使用em单位作为字体显示单位。浏览器的默认字体高都是16px,所以未经调整的浏览器在显示1em=16px。换算过来的话也就是说1px=0.0625em,也就是12px=0.75em, 10px=0.625em,通过1px=0.0625em大家可以在CSS编写时通过px转换成em。不过还 阅读全文
posted @ 2012-08-15 17:37 scieart 阅读(165) 评论(0) 推荐(0)
摘要: CSS文件里可以使用导入其他css文件/* * The default styles are overwritten by the following Platform stylesheets. */@import "login/styles.css";@import "dashboard/styles.css";@import "universe/styles.css";@import "notification/styles.css";@import "contacts/styles.css" 阅读全文
posted @ 2012-08-15 16:36 scieart 阅读(197) 评论(0) 推荐(0)
摘要: 信息提示CSS样式,不同类型信息,直接替换颜色与icon。简单方便。 .info, .success, .warning, .error, .validation { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; border-radius: 2px 2px2px2px;}.success { color: #4F8A10; background-color: #DF... 阅读全文
posted @ 2012-08-15 01:37 scieart 阅读(695) 评论(0) 推荐(0)
摘要: button的规范样式,以后button不再需要图片啦,只需要这些代码就可以实现。换色样式简单方便。<style>.button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 13px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); ... 阅读全文
posted @ 2012-08-15 01:30 scieart 阅读(426) 评论(0) 推荐(0)