第三天：css选择器的优先级、Adobe photoshop CS6软件、html初步布局

一.css选择器的优先级

css选择器的优先级：作用的元素一样，样式一样，就会有优先级。

1.通配选择器（*）：0；   

   标签名选择器（Tags）：1；  

   类选择器（class）：10；                                               

   id选择器（id）：100；

（注：以上数字仅是表达优先级大小，无实际意义）

2.群组选择器：选择器1，选择器2，选择器3...（不会有优先级相加的过程）

3.后代选择器：选择器1 选择器2 选择器3...（会有优先级相加的过程）

4.优先级

（1）相同类型的选择器，样式冲突下，后覆盖前；

 （2）不同类型的选择器，样式冲突下，优先级高覆盖优先级低；

 （3）优先级：* < Tags < class < id < style < ! important

! important慎用，它的优先级地位无法撼动（非得用的时候，要加注释说明一下）

css选择器{

background : red   ! important;

}

二.Adobe  photoshop  CS6软件

快捷键

command + h  是否显示额外内容（参考线）；

v  移动工具；  z  放大工具；  M  选取工具；

command + shift + c 强复制；

command + v 粘贴；

command + n 新建图层；

command+ shift + alt + s 保存图片（可以出现优化图片的选择）；

三.html初步布局

以前我自己布局都是走一步看一步，一个写完之后在去考虑下一个布局，这样不仅效率低而且会问题不断。今天学习了老师所教的整体布局观，让我有了很大的触动。

如：

这样之后再去里面填充内容会更简单、明了。

注意：

inline-block（行块级）不适合用于布局，容易出现隐患；