摘要：
1. 鼠标样式 cursor default： 小白（箭头）默认 pointer：小手 move：移动 text：文本 not-allowed：禁止 2. 轮廓线（表单外发光）outline 给表单添加 outline:0; 或者 outline:none; 可以去掉默认蓝色边框 3. 防止拖拽文本 阅读全文
摘要：
Document 阅读全文
摘要：
1.精灵图 为什么需要精灵图？ 答：一个网页中会很多小的背景图片作为修饰，当网页中的图像过多时，服务器就会频繁的接收和发送请求图片，造成服务器请求压力过大，降低页面的加载速度。 为了有效减少服务器接收 和 发送请求的次数，提高页面的加载速度，出现了 CSS精灵技术（也称作 CSS Sprites ， 阅读全文
摘要：
1. 固定定位小技巧：把图固定在版心右侧位置 小算法： 1. 让固定定位的盒子 left：50%，走到浏览器可视区（也可是看做版心）的一半位置 2. 让固定定位的盒子 margin -left ：版心宽度的一半距离；多走版心宽度一半位置。 这样就实现了固定定位的盒子 贴着版心右侧对齐了 2.绝对定位 阅读全文
摘要：
为了提高网页制作的效率，布局时通常有以下的整体思路： 1. 必须确定页面的版心（可视区），测量可知。 2. 分析页面中的行模块，以及每个行模块中的列模块。（页面布局第一准则） 3. 一行中的列模块 经常浮动布局，先确定每个列的大小，之后确定列的位置。（页面布局第二准则） 4. 制作 HTML 结构， 阅读全文
摘要：
建议遵循以下顺序 1.布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式） 2.自身属性：width / height / margin / padding / borde 阅读全文
摘要：
PS 有很多切图方式：图层切图，切片切图，PS插件切图等 1.图层切图 最简单的切图方式：右击图层 → 快速导出为 PNG 很多情况需要先合并图层再导出： 1.选中需要的图层：图层菜单 → 合并图层（Ctrl+e ） 2.右击 → 快速导出为 PNG 2.切片切图 1.利用切片选中图片，手动选中切出 阅读全文