CSS关于进度条和作品展示的简历制作

  1. 伪类：任何非空标签都有伪类（伪元素） 以div的before，after两个伪元素为例，如果在css中修饰div::before{content: '['，就可以让这个div里的内容前都加上一个[。并且这个伪元素还可以加border修饰。只是伪元素无法被选中，也就是说，刚刚出现的[无法被选中。可以减少一个div，装逼用的比较多。。
  2. 可以用渐变进行一个元素的颜色变化。
  3. 绝对定位自动让元素变为block，如果要让伪元素显示，必须要写content。
  4. 感想：CSS的骚操作，需要灵感
  5. CSS的动画去学习（MDN），可以从对的代码上改，达到自己的目的。
  6. 在写a标签时，希望下载时，可在标签内写上download，这样浏览器点击时，就会下载，而不是弹出页面预览。
  7. 内联元素居中，需要在父元素上加tac也就是text-align: center;
  8. transition: box-shadow 1s;让阴影有一个过渡效果。
  9. 列表标签是有默认样式的，常需要把默认样式干掉。
  10. 写子标签的height为100%时，可以让他自适应父标签。
  11. 写了box-sizing: border-box;之后，如果在写了width之后再写padding，可以不会超出父元素的100%，因为这样写，定义了width中包含了padding。
  12. li:nth-child(even)选中偶数属性的li。odd则是单数，是li的伪类。一个冒号是伪类，两个冒号是伪元素。
  13. ID是定位一个，name是定位一类。字面意思。
  14. 加了display: inline-block，会出现底下的空隙，一般需要加vertical-align: top;
  15. 对于单独的元素不需要margin-left，可以活用伪类。
  16. 想让block元素变窄，通常可以使用inline-block在想让一个block元素变窄时，常从他的父元素入手会比较合适。
  17. 不知道宽度的情况下，无法用margin： auto;居中。
  18. 用状态机去变化元素的不同状态。需要用到JS。可以在css中写到需要同时满足某个元素，并且又要是state-?的情况下这个css才生效.当用户点击不同的元素，状态也会改变。详见源代码。