css文件规则

1. 重置样式：重置标签的默认样式，让它们风格统一
   

2. 公共样式：项目中可重用的样式

3. 独立样式：页面中单独的样式
   

审视PSD图片，打开PSD文件，对其结构进行分析，找出头部、底部、主体，看看哪些是可以重用的。

初始化样式部分代码

三种css样式：重置样式（reset.css)，公共样式(comment.css)（一系列页面共用如：头部底部样式），独立样式（本页单独使用index.css）

重置样式：

1.body,div,dl,dt,ul,ol,li,h1,h2,h3,h4,h5,input,form,a,p,textarea{padding：0；margin=0；font-family：""）这些元素都要建议重新初始化。

2、li、ul、ol{list-style:none}

3、a{text-decoration=none;display:block;}去掉底部横线，把a设置成块级元素，

4、img{border：0；display：block}

img标签要清除border以及display设为block设置为块级元素，默认为display：inline，存在下边线多出4px状况。

清除浮动破坏带来的塌陷问题：

.fix{*zoom:1;}

.fix:after{display:block; content:"clear"; height:0; clear:both; /*overflow:hidden*/; visibility:hidden;}

reset.css

img标签要清除border以及display设为block设置为块级元素，因为它下面有4px的hack。

一：三种css样式：重置样式，公共样式（一系列页面共用），独立样式（本页单独使用） 二：1.body,div,dl,dt,ul,ol,li,h1,h2,h3,h4,h5,input,form,a,p,textarea的padding、margin、font-family初始化。 2、li、ul、ol的list-style。 3、a的text-decoration、display 4、img的border、display

清除浮动破坏带来的塌陷问题：

.fix{*zoom:1;}.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}

按钮ctrl + alt 来放大图片

一个基本的文档建立结构

1. index.html       首页

2. images ——存放图片

3. js  ——交互效果

4. css     外链样式
   

PS中

放大镜：Ctrl + Alt + 滚动轮

reset.css

index.html

index,独立样式。

重置样式，通用样式，index样式

reset,common,index

a标签下的img默认为display：inline，存在下边线多出4px状况；

解决办法：设置display：block等。https://blog.csdn.net/u013076574/article/details/79711884

哈哈哈哈哈

重置样式

清除浮动

清除浮动 zoom：1

img:border:none  display:block

a text-decoration：none a标签无样式

ol ul li list-style：none 无样式 

reset ：padding margin 0 字体设置

index样式 将样式区分开来一部分一部分的写

分析页面的样式1.重置样式 恢复初始值 2.公共样式 如头部和尾部 3.独立样式