photoshop剪切蒙板

昨天讲钢笔的使用方法，正好做了一个以前就经常讲过的花纹组合的图象效果，就是控制钢笔的使用。

更多文章详见：www.jobedu.com.cn

转换角度为x，y速度

vx = speed * Math.cos(angle);
vy = speed * Math.sin(angle);

转换角加速度(任何作用在物体上的力)为x，y加速度
ax = force * Math.cos(angle);
ay = force * Math.sin(angle);
将加速度加到速度中
vx += ax;
vy += ay; 将速度加到位置上
movieclip._x += vx;
sprite.y += vy;

div {
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Moz + FF */
opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/
}

说明:

IE使用私有属性filter:alpha(opacity);
Moz Family使用私有属性-moz-opacity;
而标准的属性是opacity（CSS 3, Moz Family部分支持CSS3）。
后面的数值是透明度，使用百分比或者小数。
注意: 当div设为透明样式时,其子层内容显示效果也会为透明; 如果想要内层不为透明. 可以设置内层为相对定位偏移位置达到效果;

相关课程：网页美术设计师就业班————7月13日开课

今天讲的线的构成在网页上的表现方法，给学生演示了一下，主要是线的节奏性的应用，直线的，曲线的，无非就是版式位置关系，利用现在的变化衍生出的不同构图方法。

很多CSS建站的朋友，更加看重的是CSS知识以及CSS编码技巧，需要更加注重HTML文档的学习与研究。这是CSS网页布局的基础。下面我们学习一下关于这方面的知识。通常有两种情况阻碍你的学习： 

第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。
另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align=”left”等等)束手无策，不知道该转换 成对 应的什么CSS语句。 当你解决了第一种问题，知道了如何结构化你的HTML，我再给出一个列表，详细列出原来的表现属性用什么CSS来代替。

这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。

注释：CSS2 中有值 compact 和 marker，不过由于缺乏广泛的支持，已经从 CSS2.1 中去除了。
语法：
Object.style.display=value

例子
p {display: block}

li {display: list-item}

table {display: table}

td, th {display: table-cell}

很多网站的代码中经常可以看到<li></li>标签内设置了float:left又设置display:inline。

 既然设置了float:left，那标签内的元素都会向左浮动了。为什么又要设置display:inline。

既然设置了float:left，那该标签已具有块状元素的特征了，又设置内联元素，不是有矛盾吗？

Example Source Code
ul li {
float:left;
margin:0 12px 12px 0;
display:inline;
}

display:inline的意思是基线显示
可以消除IE6和IE7下的浮动BUG
display:inline 可以消除IE6双倍边距的BUG。