flex布局： flex CSS简写属性设置了弹性项目如何增大或缩小以适应其弹性容器中可用的空间。 flex-directionCSS flex-direction 属性指定了内部元素是如何在 flex 容器中布局的，定义了主轴的方向(正

位置：positionCSS position属性用于指定一个元素在文档中的定位方式。定位类型： 定位元素（positioned element）是其计算后位置属性为 relative, absolute, fixed 或 sticky

内外边距：marginmargin属性为给定元素设置所有四个（上下左右）方向的外边距属性。 可以接受1~4个值（上、右、下、左的顺序） 可以分别指明四个方向：margin-top、margin-right、margin-bottom、ma

边框：border-styleborder-style 是一个 CSS 简写属性，用来设定元素所有边框的样式。 border-widthborder-width属性可以设置盒子模型的边框宽度。 border-colorCSS属性bo

字体：font-sizefont-size CSS 属性指定字体的大小。因为该属性的值会被用于计算em和ex长度单位，定义该值可能改变其他元素的大小。 font-stylefont-style CSS 属性允许你选择 font-fami

颜色：预定义的颜色值black、white、red、green、blue、lightblue等。 16进制表示法使用6位16进制数表示颜色，例如：#ADD8E6。其中第1-2位表示红色，第3-4位表示绿色，第5-6位表示蓝色。 简写方式

标签选择器选择所有div标签： div { width: 200px; height: 200px; background-color: gray; } ID选择器选择ID为rect-1的标签： #rect-1

行内样式表（inline style sheet）直接定义在标签的style属性中。 作用范围：仅对当前标签产生影响。 例如： <img src="/images/mountain.jpg" alt="" style="width

<header> 标签HTML <header> 元素用于展示介绍性内容，通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素，但也可能包含其他元素，比如 Logo、搜索框、作者名称，等等。 &

<table> 标签HTML的<table>元素表示表格数据 — 即通过二维数据表表示的信息。 <thead> 标签HTML的<thead>元素定义了一组定义表格的列头的行。 <

<ul>与<li> 标签HTML <ul> 元素（或称 HTML 无序列表元素）表示一个内可含多个元素的无序列表或项目符号列表。示例: <ul> <li>first item&

<form> 标签HTML <form> 元素表示文档中的一个区域，此区域包含交互控件，用于向 Web 服务器提交信息。 <input> 标签HTML <input>用来填写内容，常见类型