今天完成的事情:

1.完成桌游精灵任务；

2.学习CSS半透明；学习CSS规范;

3.复习前面的知识；

    明天计划：

1.写任务8；

2.学习bootstrap轮播图插件；

3.学习不定宽---常见布局；

    遇到的问题：

使用PS切图时切出来的图片不清晰，

使用calc函数时遇到点问题；

    收获总结：

    使用PS切图是应注意保存为PNG-24格式，否则切出来

的图可能会不清晰；

    在使用bootstrap时应该注意其样式是不是会和自己定义的

样式有冲突；最便捷的方式就是善于使用网页调试模式，查

看其样式上的差别；

CSS半透明：

使用元素的opacity 属性，可以使得元素变透明，

这个方法让整个父子元素都能变透明；

怎么实现父级div透明，子div不透明呢？

使用RGBA。rgba(0, 0, 0, 0.5)

前三个值表示颜色的red,green,blue值

最后一个表示alpha值，就是透明度值，不透明度为0.5

父级div 使用rgba ,效果可以了，如下图；

    CSS3规范学习：

声明顺序：

相关的属性声明应当归为一组，并按照下面的顺序排列：

1. 1.Positioning      //定位排第一
2. 2.Box model      //盒子模型第二
3. 3.Typographic    //其他的内部属性再次之，以前都不知道全是随意排布；
4. 4.Visual                     

class 命名：

• class 名称中只能出现小写字符和破折号（dashe）（不是下划线，也不是驼峰命名法）。
• 破折号应当用于相关 class 的命名（类似于命名空间）（例如，.btn 和 .btn-danger）。
• 避免过度任意的简写。.btn 代表 button，但是 .s 不能表达任何意思。
• class 名称应当尽可能短，并且意义明确。
• 使用有意义的名称。使用有组织的或目的明确的名称，不要使用表现形式（presentational）的名称。
• 基于最近的父 class 或基本（base） class 作为新 class 的前缀。
• 
  

• 今天完成了桌游精灵任务，明天继续边学习巩固知识边完成任务。