CSS（常见图片格式，CSS属性书写顺序，页面布局整体思路）

常见的图片格式

1.jpg：产品类的图片经常用
2.gif：实际经常用于一些图片小动画效果
3.png：如果想要切成背景透明的图片，请选择png格式
4.psd：最大的优点：可以直接从上面复制文字，获得图片，还可以测量大小和距离。

CSS属性书写顺序

1.布局定位属性：display/position/float/clear/visibility/overflow（display第一个写，关系到列模式）
2.自身属性：width/height/margin/padding/border/background
3.文本属性：color/font/text-decoration/text-align/vertical-align/white-space/break-word
4.其它属性（CSS3）：content/cursor/border-radius/box-shadow/text-shadow/background：linear-gradient…

页面布局整体思路

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

头部制作
确定头部有几个盒子，然后确定大小，浮动等其他信息

⚠️：不直接用a链接而是用li包含链接（li+a）的做法
1.li+a语义更清晰，一看这就是有条理的列表型内容
2.如果直接用a，搜索引擎容易辨别为有关堆砌关键字嫌疑（故意堆砌关键字容易被搜索引擎有降权的风险，从而影响网站排名）

banner制作
确定盒子个数，高度，位置

/*用图片作为背景*/
.banner{
	background:url(images/banner2.png)no-repeat top center;
}

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

小li外边距的问题，小技巧：给宽度可以一行装开所有的li，盒子宽度超过版心没有问题

底部模块
一般为通栏大盒子，给定高度，盒子版心水平居中，盒子版权copyright左对齐，盒子链接组links右对齐