面试之---css基础

• 常用的选择器
  id、class、标签选择器、伪类选择器、nth选择器、子元素选择器(E>F)、后代选择器（Ｅ Ｆ）
• 实现单行文字居中、多行文字居左
  display:flex;justify-content:center

.word {
        width: 500px;
        margin: 20px auto 0;
        border: 1px solid #ccc;
        display: flex;
        justify-content: center;
    }
 <div class="word">
        我们都是好孩子。天王盖地府，小鸡炖蘑菇。投笔从戎，执剑仗天涯。愿世间美好与你环环相扣！
 </div>
 

• 标准盒模型与怪异盒模型
  css盒子模型 又称为框模型（Box Model），包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。

元素框的总宽度=width+padding+border+margin;
元素框的总高度=height+padding+border+margin;

ie怪异盒模型：元素框的总宽度=width（padding+border）+margin;
元素框的总高度=height（padding+border）margin;