06 2012 档案

HTML5的语法变化和新增加元素
摘要：DOCTYPE声明：<!DOCTYPE html>字符编码：<meta charset="UTF-8">新增加元素：HTML5新增加的元素大部分可以用来替代DIV，新增加元素另代码更加语义化，如网页的头部用<header></header> 导航用<nav></nav> 底部用<footer></footer>这样的新元素会前端工程师编写的代码更加具有语义。标签描述<!DOCTYPE>定义文档类型。 <article>定义 article。 <asi 阅读全文
posted @ 2012-06-08 15:28 yexingwen 阅读(582) 评论(0) 推荐(0)
CSS权重优先级的认知
摘要：从CSS代码存放位置看权重优先级：内嵌样式 > 内部样式表 > 外联样式表。其实这个基本可以忽视之，大部分情况下CSS代码都是使用外联样式表。从样式选择器看权重优先级：important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符。important的权重为1,0,0,0ID的权重为0,1,0,0类的权重为0,0,1,0标签的权重为0,0,0,1伪类的权重为0,0,1,0属性的权重为0,0,1,0伪对象的权重为0,0,0,1通配符的权重为0,0,0,0实例：<html>&l 阅读全文
posted @ 2012-06-07 16:50 yexingwen 阅读(12251) 评论(0) 推荐(4)
多用组合，少用继承
摘要：要做出上图的效果，有多种方法，但我们要用的方法是多用组合少用继承。多用组合少用继承：把相对稳定的部分拆成一个类，把不稳定的部分分拆成几个类。观察上图可知稳定部分是边框样式，区块间隙和行距，不稳定的部分就是字体大小和颜色。现在可以根据规律得出如下代码：.f18{font-size:18px;}.f20{font-size:20px;}.f22{font-size:22px;}.red{color:#F00;}.common-list{border:solid 1px #CCC;padding:10px;margin-top:20px;width:400px;}.common-list li{he 阅读全文
posted @ 2012-06-07 15:51 yexingwen 阅读(1500) 评论(0) 推荐(0)
掌控像素的虚实
摘要：3月份，Photoshop CS6 Beta版(下文简称PS CS6)发布公测，有着多项惊艳的新特性，工作中整天和像素打交道，感触比较深的特性就是PS CS6支持矢量对象绘制、变换时像素自动对齐网格。 当然，对象绘制、变换时像素对齐网格并不是PS CS6独有的功能，只是更智能更好用了，PS CS6的像素自动对齐网格功能在绘图过程中，无疑方便了很多，不必再担心图形边缘会出现模糊，但是我们在实际的图形设计过程中会发现，还是会经常需要调整一些路径没有完全对齐到网格产生的半透明的过渡像素，用来平滑图形边缘减少锯齿感，或让图形看上去更饱满、更细腻，我们称其为次像素(或亚像素，Sub-pixel，一... 阅读全文
posted @ 2012-06-05 22:36 yexingwen 阅读(274) 评论(0) 推荐(0)