text-align 文本对齐方式，一般用来控制块级元素内的行内元素 行内块元素如img标签 a 标签。
p给了固定宽高，text-align可以被继承，给外部块级其内部块级会继承，然后对自身内部的行内或者行内块或者单纯文字造成影响。以上给的是text-align:center(水平居中)。
:hover 鼠标划入显示
div:hover p{} div划入控制p 的样式.
display:none(彻底消失 不占位置）
一般利用hover做选项卡，div:hover p{} 而p一般与div是父子或者祖先关系，这样鼠标划入div可以对p进行操作，不然只能用做视觉效果
border-radius: 单位px 或者百分比
div 宽高一样，给50%就是圆
一个值：四个方向
二个值：左上右下（左对角线） 和 右上左下（右对角线）
三个值：左上 右上与左下 右下
四个值：左上 右上 右下 左下
代码规范：公共样式给个公共类名，不同样式给不同类名，类名可给多个，目的就是减少类似代码重复造成臃肿。
遵守代码规范，给自己减少麻烦。
