前言

该文是记录css的某些属性的区别，以及css的基础知识

一、css自动继承的属性

border-collapse
border-spacing
color
cursor
direction
empty-cells
font(-style | - variant | -weight | -size | -family | -stretch | -size | -adjust)
letter-spacing
line-height
list-style(-image | -position | -type)
overflow-wrap
pointer-events
quotes
text-indent 缩进
text-size-adjust
text-underline-position
text-shadow
text-align
text-align-last
text-justify
test-transform
tab-size
table-layout
white-space
word-break
word-wrap
word-spacing
writing-mode
visibility
zoom

二、css属性区别

1.自动换行

代码如下（示例）：

  word-break:break-all;

例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。

代码如下（示例）：

word-wrap:break-word;

与上面一样，但区别就是它会把congratulation整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉的。

2. display, visibility, opacity区别

二、置换元素和非置换元素

1.置换元素

img
select
input
textarea
label
button

2.非置换元素

当然不是置换元素就是非置换元素了…