请无视这条
元素和内容的居中方法
元素 <标签名>内容</标签名>
标签 <标签名>
内容 xxx
text-align(文本，行内元素，行内块元素)
如果要让以上内容实现居中，给他们的父元素(块)设置 text-align属性
margin:0 auto
块元素水平居中，直接给当前元素设置属性

css继承性
子元素继承父元素样式的特点
文字属性都可以继承
color
font-style，font-weight，font-size，font-family
text-indent，text-align
line-height
list-style
通过调试工具可以判断是否可以继承
在一定程度上减少代码

继承性失效问题
元素有浏览器默认的样式，继承性依然存在，但是优先显示浏览器默认样式
h标题系列的标签，font-size会继承失效
a标签color会继承失效
浏览器默认的字体大小样式 把继承的font-size给覆盖了

层叠性
两个样式共同作用域p标记
p{
color:red;
};
.box p{
background-color:yellwo;
};

优先级
继承<通配符选择器<标签选择器<类选择器<id选择器<行内样式<!important
!important 写在属性值的后面 分号的前面
!important提升不了继承的优先级，只要是继承优先级是最低
实际开发中不建议使用!important

盒子模型
css中盒子由 内容content，内边距padding，边框border，外边距margin 构成

内容：内容的宽度和高度，通过width和height属性设置的就是 **内容区域**的大小
边框border：边框粗细，边框样式 ，边框颜色
粗细：border-width: 5px;
样式：border-style: solid; dashed 虚线，solid 实线，dotted 点线
颜色：border-color: red;
连写格式：border:粗细 样式 颜色;
单方向
border-left
border-top
border-bottom
border-right