freeCodeCamp 练习7 -- css grid

1. css 防止图片（img）挤压变形

   img {
     width: 100%;
     object-fit: cover;  
   }
   

2. 网格布局：display: grid
   网格布局

3. “对齐”
   align-content：设置同一列子元素在Y轴的对齐方式
   justify-content：设置同一行子元素在X轴的对齐方式
   align-items：设置同一行子元素在Y轴的对齐方式

4. 首字下沉

     float:left;
     margin-right:1rem;
   

5. 效果标签
   < i >: 使得字体倾斜
   < b >:文字加粗
   < br>:换行标记
   < hr >:水平线
    :表示空格（注：&nbsp后面紧跟英文分号）