1.如何利用PS切图以及从UI图中获取所需信息？

选择要切的图对应的图层，转化为智能对象，框选住要切的图ctrl+c，然后ctrl+n新建，ctrl+v粘贴，保存为web格式选择要保存的类型。就完成了切图工作。听师兄说还可以用切片工具来切图，具体还没去实践。

2.px、em、rem、%、vw、wh、vm等单位有什么区别？

px：相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

em：em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

rem：  rem是一个相对单位（root em，根em），相对于html而言

3.如何进行自适应网页设计？

在网页头部加入一行代码<meta name="viewport" content="width=device-width,initial-scale=1.0">就可以实现网页自适应

4.css有哪些选择器，优先级如何计算？

css有很多选择器，如类别选择器，标签选择器，id选择器，通用选择器，后代选择器，子选择器，伪类选择器，群组选择器，香林同胞选择器。

优先级计算方法：

设

a.内联样式表的权值为1000

b.ID选择器的权值为100

c.class类选择器的权值为10

d.HTML标签选择器的权值为1

我们可以把选择器中规则对应多加法，比较权值，如果权值相同那就后面的覆盖前面的。

5.什么时候用margin好，什么时候用padding好？

何时应当使用margin：
需要在border外侧添加空白时。
空白处不需要背景（色）时。
上下相连的两个盒子之间的空白，需要相互抵消时。如15px + 20px的margin，将得到20px的空白。

何时应当时用padding：
需要在border内测添加空白时。
空白处需要背景（色）时。
上下相连的两个盒子之间的空白，希望等于两者之和时。如15px + 20px的padding，将得到35px的空白。

margin是用来隔开元素与元素的间距；padding是用来隔开元素与内容的间隔。margin用于布局分开元素使元素与元素互不相干；padding用于元素与内容之间的间隔，让内容（文字）与（包裹）元素之间有一段“呼吸距离”。

6.手机分辨率和网页中的px是一回事吗

像素就是PX  一个像素就是 1px，是绝对宽度，不随浏览器窗口大小变化而变化

分辨率是以像素作为基本单位的

网页中的px和手机分辨率不是一回事