一.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(行块级)不适合用于布局,容易出现隐患;