一、css盒子模型
1.一个容器包含content、border、padding、margin四部分。类比一幅画，content是画的内容，border是画的裱框，而padding则是裱框与主体之间的留白，多幅画之间的距离就是margin。
2.填充部分（padding、margin）可以设置left、righ、top、bottom属性来调节大小。border跟现实的裱框一样可以设置颜色、大小、样式等等。
二、css布局
1.一个块级元素在css中的 display 属性定义为 block 。（块级元素独占一行）
一个内联元素在css中的 display 属性定义为 inline 。（高度和上下边距不可变）
行内块状元素的display定义为： inline-block（二者结合产物。这个容器会与前面的容器排列在同一行中，并且你可以定义此容器的高度和边距。）
三、弹性盒子
1.弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。实例：
display: flex;
width: 400px;
height: 250px;
background-color: lightgrey;可设置一些属性。
2.弹性子元素通常在弹性盒子内一行显示。
默认情况每个容器只有一行，但flex-wrap 属性用于指定弹性盒子的子元素换行方式。wrap - 弹性容器为多行。该情况下弹性子项溢出的部分会被放置到新行，子项内部会发生断行。
align-content 属性可以设置一行内对齐方式。
justify-content 属性则指定了内容对齐方式。
使用弹性盒子，居中变的很简单，只需要设置 margin: auto; 可以使得弹性子元素在两上轴方向上完全居中。
四、js初步
1.除了常见的基本数据类型，js中还经常需要使用object对象类型。可以使用 . 运算符取出对象中的特定元素。
2.函数就是包裹在花括号中的代码块，前面使用了关键词 function：
function functionname()
{
// 执行代码
}
当调用该函数时，会执行函数内的代码。
3.条件语句、switch语句、for循环、while循环
4.html标签是可以嵌套的，这种嵌套关系使他们构成了一个树形结构,这就是Dom树。使用getEmementById可以从dom树上获取这一元素。然后调用某个元素的innerHTML就可以获取内容。
又或例如：
document.getElementById("demo").innerHTML=myFunction(4,3);
document.getElementById("ShowShowWay").innerHTML = sent;
调用函数或者变量填充文本内容。
