yexingwen - 博客园

2012年6月8日

摘要： 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)

2012年6月7日

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

2012年6月5日

掌控像素的虚实

摘要： 3月份，Photoshop CS6 Beta版(下文简称PS CS6)发布公测，有着多项惊艳的新特性，工作中整天和像素打交道，感触比较深的特性就是PS CS6支持矢量对象绘制、变换时像素自动对齐网格。当然，对象绘制、变换时像素对齐网格并不是PS CS6独有的功能，只是更智能更好用了，PS CS6的像素自动对齐网格功能在绘图过程中，无疑方便了很多，不必再担心图形边缘会出现模糊，但是我们在实际的图形设计过程中会发现，还是会经常需要调整一些路径没有完全对齐到网格产生的半透明的过渡像素，用来平滑图形边缘减少锯齿感，或让图形看上去更饱满、更细腻，我们称其为次像素(或亚像素，Sub-pixel，一... 阅读全文

posted @ 2012-06-05 22:36 yexingwen 阅读(269) 评论(0) 推荐(0)

2012年5月18日

javascript运算符

摘要： 5.1.2 优先级和结合性优先级：指运算符的运算顺序，通俗的说就是先计算哪一部分。结合性：同一优先级运算符的计算顺序，通俗的说就是从哪个方向算起，是左到右还是右到左。优先级运算符描述结合性由高到低排序()括号从左到右++ --递增或递减从右到左!逻辑非从右到左*/%乘法、除法、取模从左到右+-加法、减法从左到右+拼接从左到右<<=小于、小于等于从左到右>>=大于、大于等于从左到右= =!=等于、不等于从左到右= = =!= =等同（类型相同）、不等同从左到右&按位与从左到右|按位或^按位异或~按位非<<按位左移>>按位右移>> 阅读全文

posted @ 2012-05-18 08:59 yexingwen 阅读(2131) 评论(0) 推荐(1)

javascript对话框

摘要： javascript对话框只要有3种方式：alert()使用频率比较高 prompt() confirm()1.alert() 方法会创建一个独立的小窗口---对话框。alert代码示例：1 <html> 2 <head><title>alert的实例</title></head> 3 <body> 4 <script type="text/javascript"> 5 alert("这是alert的输出方法"); 6 alert("好的，我知道了") 阅读全文

posted @ 2012-05-18 08:46 yexingwen 阅读(8210) 评论(0) 推荐(0)

javascript的数据类型、字面量、变量

摘要：数据类型：1.数值型（整型int 浮点型floating）2.字符串类型（string）3.布尔型（只有两个值：ture fasle）字符串字面量1.转义系列：在javascript中一些符号是辨别不出来的，只有转义之后正确显示出来。如：\' 单引号\" 双引号\n 换行符\r 回车符\\ 反斜杠转义实例：1 <script type="text/javascript">2 document.write("hello\nworld");3 </script>转义实例输出：helloworld (hello和wor 阅读全文

posted @ 2012-05-18 08:39 yexingwen 阅读(492) 评论(0) 推荐(0)

公告