qq_41893334的博客

知识清单伸缩布局基本概念设置给容器的属性：flex-direction属性justify-content属性（主轴上的对齐方式）align-items(侧轴上的对齐方式)flex-wrap（如何换行）align-content（控制换行后的对齐方式）flex-flow设置给伸缩项的属性align-self(单独控制伸缩项在侧轴上的对齐方式)order（伸缩项的排序属性）flex-grow（伸缩项的扩充）flex-shrinkflex-basisflex伸缩布局基本概念Flex 是 Flexible Bo

标签语义化语义化就是给标签添加语义，让合适的标签去做适合的事语义化的好处1.去掉或者丢失样式的时候能够让页面呈现出清晰解构2.有利于SEO3.方便其他设备解析（如：盲人阅读器）4.便于团队开发和维护，因为语义化更具有可读性，让阅读源码的人更容易将网站分块，便于理解和维护什么是SEO？seo：Search Engine Optimization 搜索引擎优化在了解搜索引擎排名机制的...

圣杯布局圣杯布局是一种常见的实现三栏布局的方式，两端固定，中间自适应编写步骤1.搞一个容器，里面放三个盒子2.设置两侧盒子的宽度固定3.设置中间盒子的宽度为容器的宽度（100%）4.设置容器的左右padding为两侧盒子的宽度5.让3个盒子在同一方向上浮动6.设置左盒子的margin-left=-100%7.通过定位调整左边盒子，让左边的盒子不要盖住中间的内容区域8.设置右边盒...

媒体查询1.通过媒体查询媒体查询的方式可以说是早期采用的布局方式，它主要是通过查询设备的宽度来执行不同的css代码，最终达到界面的配置2.媒体查询优势简单, 哪里不对改哪里调整屏幕宽度的时候不用刷新页面即可响应式展示特别适合对移动端和PC维护同一套代码的时候3.媒体查询劣势由于移动端和PC端维护同一套代码, 所以代码量比较大，维护不方便为了兼顾大屏幕或高清设备，会造成其他设备资...