网页设计CSS display 属性的使用技巧

发表于 2012-05-06 10:10 浏览次数:2,790 views 来源:

这个属性用于定义建立布局时元素生成的显示框类型。对于 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}

display:inline在网页设计中的几个基本用途

发表于 2012-05-06 10:09 浏览次数:900 views 来源:

很多网站的代码中经常可以看到<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。

新科海网页班课堂实例——表现空间的flash设计

发表于 2012-05-06 10:08 浏览次数:2,199 views 来源:

以前上课的时候给学生作的,表现单元素空间表现!素材有限,学校这个破图库啥都没有,还是用影视图库里找到点儿,呵呵呵,几个小动物有意思,尤其是还有只鸟,青蛙,狗就不用说了,哪儿呢?找找。

景区设计

 

景区设计

新科海网页设计师就业班课堂实例——图像效果设计

发表于 2012-05-06 10:06 浏览次数:2,450 views 来源:

 这几天在网上闲逛,看见好的方法不错的处理方式,就收集到博客里面了。运用简单的画笔和画笔面板中经典的粒子效果做出的东西,比较简单。

服装设计

服装设计

新科海网页设计师就业班课堂实例——宝马flash网站

发表于 2012-05-06 10:03 浏览次数:961 views 来源:

以前上课演示的照片形式的flash网站,正好喜欢宝马啊!看着就心痒痒,可惜只能看看,哈哈哈

Flash脚本编程——边界和摩擦力公式

发表于 2012-05-06 10:01 浏览次数:1,404 views 来源:

移除超过边界的物体

if(sprite.x – sprite.width / 2 > right ||
sprite.x + sprite.width / 2 < left ||
sprite.y – sprite.height / 2 > bottom ||
sprite.y + sprite.height / 2 < top)
{
// code to remove sprite
}

Flash脚本编程——色彩渲染公式

发表于 2012-05-06 10:00 浏览次数:781 views 来源:

转换16进制为10进制

trace(hexValue);

转换10进制为16进制
trace(decimalValue.toString(16));

组合组成色
color24 = red << 16 | green << 8 | blue;
color32 = alpha << 24 | red << 16 | green << 8 | blue;

Flash脚本编程——高级运动公式

发表于 2012-05-06 09:58 浏览次数:656 views 来源:

简单的缓动,较长的形式

var dx:Number = targetX – sprite.x;
var dy:Number = targetY – sprite.y;
vx = dx * easing;
vy = dy * easing;
sprite.x += vx;
sprite.y += vy;




返回首页 | 关于我们 | 联系我们 | 乘车路线| 地铁路线| 学生住宿| 周边环境| 人才招聘 | 网站地图 | 友情链接 | 版权声明