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%就是圆
一个值:四个方向
二个值:左上右下(左对角线) 和 右上左下(右对角线)
三个值:左上 右上与左下 右下
四个值:左上 右上 右下 左下
代码规范:公共样式给个公共类名,不同样式给不同类名,类名可给多个,目的就是减少类似代码重复造成臃肿。
遵守代码规范,给自己减少麻烦。