CSS 之Grid网格大致知识梳理1
CSS所提供的关于网格Grid属性让我们可以更方便编写页面以及布局,而它的一些主要应用属性如下: 1.将父容器的display属性值设置为grid 即可将其转换为网格容器; 2.在网格容器中添加列的属性:grid-template-columns; ag: 1 <div class="container"> 2 <div class="d1">1</div> 3 <div class="d2">2</div> 4 <div class="d3">3</div> 5 <div class="d4">4</div> 6 <div class="d5">5</div> 7 </div> 8 9 10 11 12 <style> 13 .d1{background:LightSkyBlue;} 14 .d2{background:LightSalmon;} 15 .d3{background:PaleTurquoise;} 16 .d4{background:LightPink;} 17 .d5{background:PaleGreen;} 18 19 .container { 20 font-size: 40px; 21 width: 100%; 22 background: LightGray; 23 display: grid; 24 /* add your code below