weixin_45766034的博客

之前对于flex的学习比较浅层次的，工作中大多数使用display:flex;justify-content:center;align-items:center;但是遇到更高级的布局或者更灵活的布局，这些基础的flex代码已经不够用了为此决定深入学习flex布局；学习flex布局，这里我推荐一个专门学习flex布局的网站flex学习网站1.inline-flexinline-flex：将对象作为内联块级弹性伸缩盒显示2.order给3子元素块一个order:-1;此时3就排到最前

1. calc, support, media各自的含义及用法？@support主要是用于检测浏览器是否支持CSS的某个属性，其实就是条件判断，如果支持某个属性，你可以写一套样式，如果不支持某 个属性，你也可以提供另外一套样式作为替补。calc() 函数用于动态计算长度值。 calc()函数支持 “+”, “-”, “*”, “/” 运算；@media 查询，你可以针对不同的媒体类型定义不同的样式。2. css水平、垂直居中的写法，请至少写出4种？水平居中行内元素: text-align:

优点（1）base64格式的图片是文本格式，占用内存小，转换后的大小比例大概为1/3，降低了资源服务器的消耗；（2）网页中使用base64格式的图片时，不用再请求服务器调用图片资源，减少了服务器访问次数。缺点（1）base64格式的文本内容较多，存储在数据库中增大了数据库服务器的压力；（2）网页加载图片虽然不用访问服务器了，但因为base64格式的内容太多，所以加载网页的速度会降低，可能会影响用户的体验。（3）base64无法缓存，要缓存只能缓存包含base64的文件，比如js或者css，这比直

1.进入官网进行下载2.真实项目中的目录font-awesome.css是全局导入的去网站挑选自己需要的图标,本地 即可