仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1041|回复: 7
打印 上一主题 下一主题

[DIV+CSS] DIV教程之CSS3教程:Transform-变形处置

[复制链接]
萌萌妈妈 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:58:36 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
破洛洛文章简介:CSS3教程:Transform-变形处置.
transform:利用transform功效完成四种笔墨或图象的变形处置,分离是扭转、缩放、斜切和挪动。none:无转换matrix(<number>,<number>,<number>,<number>,<number>,<number>):以一个含六值的(a,b,c,d,e,f)变更矩阵的情势指定一个2D变更,相称于间接使用一个[a,b,c,d,e,f]变更矩阵translate(<length>[,<length>]):挪动,程度偏向的挪动和垂直偏向的挪动-mo-transform:translate(20px,10px).只用一个值的话,只指在程度偏向的挪动。指定工具的2Dtranslation(2D平移)。第一个参数对应X轴,第二个参数对应Y轴。假如第二个参数未供应,则默许值为0translateX(<length>):指定工具X轴(程度偏向)的平移translateY(<length>):指定工具Y轴(垂直偏向)的平移rotate(<angle>):-webkit-transform:rotate(45deg);利用rotate,在参数中到场角度值,角度值前面随着暗示角度单元的“deg”笔墨便可,扭转偏向为顺时针扭转。指定工具的2Drotation(2D扭转),需先有transform-origin属性的界说scale(<number>[,<number>]):-webkit-transform:scale(0.5)使该元素减少了50%-webkit-transform:scale(0.5,2)使该元素程度偏向减少了50%,垂直偏向缩小一倍指定工具的2Dscale(2D缩放)。第一个参数对应X轴,第二个参数对应Y轴。假如第二个参数未供应,则默许取第一个参数的值scaleX(<number>):指定工具X轴的(程度偏向)缩放scaleY(<number>):指定工具Y轴的(垂直偏向)缩放skew(<angle>[,<angle>]):倾斜-webkit-transform:skew(30deg)程度偏向倾斜角度30deg-webkit-transform:skew(30deg,30deg)使该元素程度偏向减少了50%,垂直偏向缩小一倍指定工具skewtransformation(斜切歪曲)。第一个参数对应X轴,第二个参数对应Y轴。假如第二个参数未供应,则默许值为0skewX(<angle>):指定工具X轴的(程度偏向)歪曲skewY(<angle>):指定工具Y轴的(垂直偏向)歪曲</p>
所有的设计第一步就是构思,构思好了。
若相依 该用户已被删除
沙发
发表于 2015-1-17 19:58:48 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
因胸联盟 该用户已被删除
板凳
发表于 2015-1-26 22:26:24 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
海妖 该用户已被删除
地板
发表于 2015-2-11 06:32:36 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
透明 该用户已被删除
5#
发表于 2015-3-2 00:00:36 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
飘飘悠悠 该用户已被删除
6#
发表于 2015-3-11 03:27:16 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
冷月葬花魂 该用户已被删除
7#
发表于 2015-3-17 21:10:54 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
飘灵儿 该用户已被删除
8#
发表于 2015-3-25 06:50:00 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-11-15 16:35

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表