摘要：
什么是flex？ 页面元素弹性布局，当设置父元素display:flex后，内部的float、clear、vertical-align都会失效 可以为块级元素设置：display:flex；也可以为行内元素设置：display:inline-flex flex布局中的项目称为flex-item fl 阅读全文
摘要：
伪类 用于给某些选择器添加特定的效果 css中的伪类有 :link 未访问的链接 :hover 鼠标移到链接上 :active 选定的链接 :visited 已访问的链接 :focus 获得焦点的元素 :first-child 第一个子元素 :lang 选定lang属性为指定值的元素 :lang(o 阅读全文
摘要：
通过<meta>配置vieport，实现响应式布局 也是移动端的通用适配方案 网页宽度与PC端一致 网页缩放比例与PC端一致 不允许用户自行缩放 viewport 由浏览器承载 套在网页的外层，但是是隐藏的 当把网页放在移动端进行显示时，viewport会把网页进行等比例缩放，适应移动端的设备大小 阅读全文
摘要：
语义化标签是什么？ 语义化标签是HTML5的新特性，让标签有自己的含义。 优点 使代码结构清晰，有利于团队开发。 便于各种设备解析，如屏幕阅读器等，以语义的方式渲染页面 利用搜索引擎优化 常见的语义化标签 <title>：页面主体内容。 <hn>：h1~h6，分级标题，<h1> 与 <title> 阅读全文
摘要：
BFC和IFC 都是针对Box设计的formating content css渲染时以box为基本单位，box的类型由元素的类型和display的值决定。box分为block-level box和inline-lever box formating content：不同渲染区域遵循的规则 BFC-- 阅读全文