项目1页面 详情页
HTML：
1.&gt大于   &tg小于
列表加内容快捷键：
2.a[href=index.html{}]+a[href=list.html{}]+span
3.div.left>img+(div>span.love+span.num)+img
4.div.right>div.title{}+(div>span.dt+span.money+span.del)+(div>span.dt+span.weight)+(div>span.dt+img)+(div>span.cart+span.buy)+div>img
CSS
1.vertical-align: top;   顶部对齐
2.font-weight: bold;   文字加粗
3.display: inline-block;   对象呈递为内联块级对象 显示一行居中对齐 可以有空格
4.font-weight: bolder;   文字加粗
text-decoration: line-through;   文字上添加划横

头部页
HTML
列表加内容快捷键
1.span.log+span.search+ul>li*3
2.span.title+ul>(li>a[href=#]{明星周边})*8
3.div.head
4.span.log
5.ul>(li>a[href=#]{购物须知})*3
6.input自闭合标签 中间不能穿插东西
CSS
1.display: inline-block;   /* 即为行内块状元素 既能够设置宽高，又不独自占据一行 */
2.display: block;   /* 将元素显示为块级元素 */
3.display: flex;   /* 弹性布局 为盒状模型提供灵活性 */
4.justify-content: space-between;   /* 两端对齐 */
5.align-items: center;   /* 元素垂直居中 */
6.text-align: center;   /* 文本居中对齐 */
7.justify-content: space-between;   /* 两端对齐，项目之间的间隔都相等 */
8.position: relative;    /* 位置相对 */
9.outline: none;    /* 取消边框的轮廓 */