在转到下一课之前，尝试完全理解此功能

Question

问题1.“makeGrid”只是一个给这个函数的随机名称，或者它背后有某种功能，如“math.random”？

问题2.“$（'。square'）。css（{'width'：squareSize，'height'：squareSize}）;”如果循环已经将Y行设置为16并且将X行设置为16并将其附加到容器中，那么任务是否完成？当CSS已经在CSS中建立时，为什么这条线的宽度和高度为.square 45？

JQUERY

var numberSquares = 16;
var squareSize = 45;

function makeGrid() {
   for (var x = 0; x < numberSquares; x++) {
      for (var y = 0; y < numberSquares; y++) {
         $("<div class='square'></div>").appendTo('.container');
      }
   }
   $('.square').css({'width': squareSize, 'height': squareSize});
}

CSS

.container {
   background-color: white;
   border: 5px solid black;
   border-radius: 5px;
   width: 720px;
   height: 720px;
   margin: 20px auto;
}
.square {
   background-color: white;
   height: 45px;
   width: 45px;
   float: left;
   opacity: 0;
}