电脑
代码编辑器
响应式布局“flex”：【常用样式】display:flex; align-items:center; justify-content:center; （垂直水平居中）(父元素样式)
三角形写法：border:solid transparent; border-bottom-color:#2b2b2b; border-width:15px 15px 15px 15px;先把整个容器变透明（transparent），再定义显示某一部分（bottom）的颜色和宽高；
大于号“>”写法：借用到一个容器，如；span{ position:relative; padding-right:13px;}span:after{ content:' '; position:absolute; display:inline-block; width:6px; height:6px; border-width:2px 2px 0px 0px; border-color:#c8c8cd; border-style:solid; transform:rotate(45deg);right:2px; top:50%; margin-top:-4px;}定义容器的宽高，容器的上边框和右边框，旋转45度，调整定位；
“√”的写法：和“>”一样，只是宽高不再是同样的6px；需要改动的样式width:4px; height:8px; border-width:0px 2px 2px 0px; 和调整定位；
5、box-sizing:border-box;例：.div1{ width:80px; padding:10px; border:1px solid #ccc;}.div2{ width:80px; padding:10px; border:1px solid #ccc; box-sizing:border-box; }div1的实际占用宽度为102px【宽度+内边距+边框=102】div2的实际占用宽度为80px【X+20+2=80】；
代码逻辑性，喜欢就投票收藏吧
代码规范性