摘要：
CSS3 transform变换 1、translate(x,y) 设置盒子位移2、scale(x,y) 设置盒子缩放3、rotate(deg) 设置盒子旋转4、skew(x-angle,y-angle) 设置盒子斜切5、perspective 设置透视距离6、transform-style fla 阅读全文
摘要：
1、transition-property 设置过渡的属性，比如：width height background-color2、transition-duration 设置过渡的时间，比如：1s 500ms3、transition-timing-function 设置过渡的运动方式 linear 匀 阅读全文
摘要：
CSS3圆角 设置某一个角的圆角，比如设置左上角的圆角：border-top-left-radius:30px 60px; 同时分别设置四个角： border-radius:30px 60px 120px 150px; 设置四个圆角相同：border-radius:50%; CSS3阴影 box-s 阅读全文
摘要：
1、E:nth-child(n)：匹配元素类型为E且是父元素的第n个子元素 <style type="text/css"> .list div:nth-child(2){ background-color:red; } </style> ...... <div class="list"> <h2>1 阅读全文
摘要：
CSS权重 CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。 权重的等级 可以把样式的应用方式分为几个等级，按照等级来计算权重 1、!important，加在样式属性值后，权重值为 100002、内联样式，如：st 阅读全文
摘要：
前端页面开发流程 1、创建页面项目目录 2、使用Photoshop对效果图切图，切出网页制作中需要的小图片 3、将装饰类图像合并，制作成雪碧图 4、结合Photoshop和代码编辑器，参照效果图，进行html和css代码书写，制作页面 阅读全文
摘要：
photoshop批量切图技巧 切图，就是从效果图中把网页制作需要的小图片裁剪出来。 1、使用psd格式并且带有图层的图像切图 2、在图像上用切片工具切出需要的小图 3、双击切片，给切片命名 4、执行菜单命令 存储为web所用格式 5、点选切片，设置切片的图片格式 6、存储切片，选择“所有用户切片” 阅读全文
摘要：
photoshop是一款优秀的图像处理软件，作为前端开发工程师，掌握它的一些常用功能是必须的。photoshop的常用功能有：选择、裁剪图像、修图、取色、插入文字等等。除了这些常用功能，前端还需要掌握制作新图像、切图等技巧。本次讲解的photoshop版本为cs6。 图片格式转换与压缩 1、文件/存 阅读全文
摘要：
{ "browsers": ["last 7 versions"], "cascade": true, "remove": true } [ { "keys": ["ctrl+alt+shift+p"], "command": "autoprefixer" } ] 阅读全文