摘要：
字体图标 盒子阴影 阅读全文
摘要：
表格 表单 常用类型标签 音频视频 音频 属性 视频 属性 形变 浏览器适配 阅读全文
摘要：
表格 垂直居中 表单 音频 视频 形变 浏览器适配 阅读全文
摘要：
Z-index Flex布局 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 基本概念 采用Flex布局的元素，称为Flex容器（flex container） 阅读全文
摘要：
高级布局 一、文档流（normal flow） 1、概念 v_hint：本质不存在文档流概念，当一个错误的概念被绝大数人认为是对的，那么它就是对的 2、BFC（Block formatting context） 3、BFC规则 二、浮动布局 1、解决的经典案例 2、基本语法 3、浮动布局问题 在不做 阅读全文
摘要：
文档流 document flow=> normal flow 本质：普通流/常规流 流：水流 河流... => 自上而下（连续的，连续的 文档：页面主体 文档流：一个连续具有上下逻辑的页面整体 理解：出现在页面中的显示内容，均可以理解为在文档流中（片面的） 概念：将窗体自上而下分成一行一行，块级元 阅读全文
摘要：
盒模型布局 1、盒模型布局基本介绍 布局方位：margin left、margin right、margin top、margin bottom 影响自身布局：margin left、margin top 影响兄弟布局：margin right、margin bottom 正向 / 反向：正值 / 阅读全文
摘要：
伪类选择器 1、a标签四大伪类 :link：未访问状态 :hover：悬浮状态 :active：活跃状态 :visited：已访问状态 2、内容伪类 :before：内容之前 :after：内容之后 3、索引伪类 :nth child(n)：位置优先，再匹配类型 :nth of type(n)：类型 阅读全文
摘要：
标签a、img、list 一、a标签 1、常用用法 2、相对路径 3、常用属性 4、其他用法 mailto：邮件给... tel：电话给... sms：信息给... 5、a标签reset操作 6、锚点 7、鼠标样式 二、img标签 1、常用用法 2、常用属性 三、list列表 1、有序列表 2、无序 阅读全文
摘要：
盒模型 一、盒模型概念 广义盒模型：文档中所有功能性及内容性标签，及文档中所有显示性标签 侠义盒模型：文档中以块级形式存在的标签（块级标签拥有盒模型100%特性且最常用） 盒模型组成：margin + border + padding + content v_hint：content = width 阅读全文