持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第27天，点击查看活动详情
-
块元素（block）什么时候用margin？什么时候用padding？
-
如果元素设置了背景色，padding部分会被背景色全部覆盖，margin则不是
-
如果元素是一个可点击的元素，比如超链接，padding部分会被纳入可点击部分，margin则不会
-
对于块元素，如果宽度不是100%（即不是一个固定值），可以通过margin-left: auto；margin-right: auto；就可以实现水平居中对齐。即margin: 0 auto;
-
-
行内元素（inline）
-
margin只对元素的左右方向有作用，上下方向没有作用；而padding对元素的上下左右四个方向都有作用（如果通过背景色看），但是并不会将垂直方向的其他元素所挤开（相当于不会影响垂直方向的元素）
-
行内元素可以通过给父级设置text-align来水平居中对齐
-
vertical-align用来给行内元素和
-
-
行内块元素（inline-block）
- margin和padding对四个方向都有作用，和块元素一样
-
多余文字显示成…
.word_cut {
white-space: nowrap; //不换行
overflow: hidden;
text-overflow: ellipsis; } //以三个小圆点加载
-
对应的宽度应该设置为max-width
-
快速搭建公共结构
-
首页制作完毕后，分析与其他页面的共同之处，按照模块进行拆分复制
-
方法：直接复制index.html文件，删除不需要的结构，保留公司页需要的公共结构部分，同时删除不需要的CSS文件引入的标签，保留需要的公共样式文件
-
注意：记得更改nav导航中的当前选中页的class
-
公共结构搭建完毕后，可以继续书写公司页面独有的结构和样式
-
