CSS笔记5

PS切图

图层切图

用移动工具选择找到图层，右击图层，快速导出PNG

有时候要导出得图片为两个图层合并得效果，所以需要将有所需图片的图层合并，选中后ctrl+e

切片切图

利用切片选中图片

导出选中的图片

ps插件切图

安装cutterman插件

---

css属性书写顺序

建议遵循以下顺序：

1. 布局定位属性：display/position/float/clear/visibility/overflow
2. 自身属性：width/height/margin/padding/border/background
3. 文本属性：color/font/text-decoration/text-align/vertical-align/white-space/break-word
4. 其他属性：content/cursor/border-radius/box-shadow/text-shadow/background:linear-gradient..

页面布局整体思路

1. 必须确定页面的版心（可视区），我们测量可得知
2. 分析页面中的行模块，以及每个行模块的列模块。页面布局第一准则
3. 一行中的列模块经常浮动布局，先确定每个列的大小，之后确定列的位置。页面布局第二准则
4. 制作HTML结构。遵循先有结构，后有样式的原则
5. 先理清楚布局结构，再写代码尤为重要

案例制作要点

实际开发中，不会直接用链接a而是用li 包含链接(li+a)的做法

浮动的盒子不会有外边距合并问题