仓酷云

标题: DIV教程之CSS3教程:Transform-变形处置 [打印本页]

作者: 萌萌妈妈 时间: 2015-1-15 22:58
标题: DIV教程之CSS3教程:Transform-变形处置
现在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
在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

作者: 因胸联盟 时间: 2015-1-26 22:26
俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

作者: 海妖 时间: 2015-2-11 06:32
经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

作者: 透明 时间: 2015-3-2 00:00
由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

作者: 飘飘悠悠 时间: 2015-3-11 03:27
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

作者: 冷月葬花魂 时间: 2015-3-17 21:10
直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

作者: 飘灵儿 时间: 2015-3-25 06:50
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

欢迎光临仓酷云 (http://www.ckuyun.com/)