CSS常见属性

容易忽略的点：

• margin对行内元素左右生效。上下是没有效果的

块状元素和行内元素

• 块状元素:div p from ul li ol address fieldest hr menu table h1~h6
• 行内元素:a span strong em br img inout label select textarea cite
• 区别

块状元素	行内元素
独占一行	可以与其他行内元素同行
可以设置宽高	不能设置宽高
可以当做容器	一般不用做容器
margin padding都有效果	margin padding只对左右有效

CSS 继承

• css继承是:子级元素在一些样式上继承父级元素的。

(1)能继承的元素：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction、list-style、list-style-type、list-style-position、list-style-image、text-indent和text-align
(2)
不能继承：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi

---

让块级元、行内元素水平居中

• 块状元素:marign 0 auto;
• Text-align:center;
• Text-align:justity;

---

单行文本溢出加 ....

p{
white-space:nowrap;//不换行
overflow: hidden;//多出的换行
text-overflow:ellipsis;//多出的文本是省略号
}

---

px, em, rem的区别

• px:像素点
• em:父元素的大小的倍数
• rem:根节点body像素大小的倍数