text: (window.webpackJsonp=window.webpackJsonp||[]).push([[36],{521:function(s,t,a){"use strict";a.r(t);var r=a(2),e=Object(r.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1.")]),s._v(" css引用"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 在"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v("head"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v("head"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v("标签内\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2.")]),s._v(" css注释"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/* 注释 */")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3.")]),s._v(" html注释"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),s._v(" 注释 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4.")]),s._v(" 内部样式"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v("style type"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text/css"')]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v("样式"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("style"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5.")]),s._v(" 行内样式"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v("h1 style"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"color: red"')]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v("内容"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("h1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6.")]),s._v(" 导入式"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v("style type"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text/css"')]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v("@"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("url")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v("'style.css'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("style"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("7.")]),s._v(" 外部样式"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v("link href"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"style.css"')]),s._v(" rel"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"stylesheet"')]),s._v(" type"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text/css"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("8.")]),s._v(" 优先级"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 行内样式 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v(" 内部样式 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v(" 外部样式\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("9.")]),s._v(" 链入外部样式表与内部样式表之间的优先级取决于所处位置的先后\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("10.")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("最后定义的优先级最高")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("就近原则"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 选择器")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1.")]),s._v(" 类选择器"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"class"')]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2.")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[s._v("ID")]),s._v("选择器"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" id"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"id"')]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3.")]),s._v(" 群组选择器"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" div"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("class"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" #id "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 用逗号分隔")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4.")]),s._v(" 后代选择器"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" div p "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//div下的所有p元素")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5.")]),s._v(" 全局选择器"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("*")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6.")]),s._v(" 伪类选择器"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n    "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("link "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 未访问的链接")]),s._v("\n    "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("visited "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 已访问的链接")]),s._v("\n    "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("hover "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 鼠标悬停状态")]),s._v("\n    "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("active "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 激活的链接")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// css层叠")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1.")]),s._v(" 可以定义多个样式\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2.")]),s._v(" 不冲突时"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("多个样式可层叠为一个\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3.")]),s._v(" 冲突时"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("按不同样式规则优先级来应用样式\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4.")]),s._v(" css能继承父级元素的某些css\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5.")]),s._v(" 优先级"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" #id "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("class "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v(" 标签\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6.")]),s._v(" 同类样式多次引用"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("样式表中后定义的优先级高\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("7.")]),s._v(" 权值相同"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("就近原则"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("权值不同"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("根据权值谁高用谁\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("8.")]),s._v(" 选择器权值"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n    标签选择器"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v("\n    类和伪类"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("10")]),s._v("\n    "),a("span",{pre:!0,attrs:{class:"token constant"}},[s._v("ID")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),s._v("\n    通配符"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v("\n    行内样式"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1000")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("9.")]),s._v(" 统计不同选择器个数 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("*")]),s._v(" 对应权值再相加 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" 权值\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("10.")]),s._v(" 优先级最高"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!")]),s._v("important\n"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// css命名规范")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1.")]),s._v(" 采用英文字母、数字以及"),a("span",{pre:!0,attrs:{class:"token string"}},[s._v("'-'")]),s._v("和"),a("span",{pre:!0,attrs:{class:"token string"}},[s._v("'_'")]),s._v("命名\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2.")]),s._v(" 以小写字母开头"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("不能以数字和"),a("span",{pre:!0,attrs:{class:"token string"}},[s._v("'-'")]),s._v("、"),a("span",{pre:!0,attrs:{class:"token string"}},[s._v("'_'")]),s._v("开头\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3.")]),s._v(" 命名形式"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 单词、连字符、下划线、驼峰\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4.")]),s._v(" 具有意义的命名\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5.")]),s._v(" 常用的css样式命名"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n    页面结构"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("header")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("页头"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、main")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("页面主体"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、footer")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("页尾"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、content")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("内容"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、container")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("容器"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、nav")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("导航"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、sidebar")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("侧边栏"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("栏目"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    导航"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("nav")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("导航"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、mainnav")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("主导航"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、subnav")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("子导航"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、topnav")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("顶导航"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、sidebar")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("边导航"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、leftnav")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("左导航"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、rightnav")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("右导航"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、menu")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("菜单"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、submenu")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("子菜单"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、title")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("标题"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、summary")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("摘要"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    功能"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("logo")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("标志"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、banner")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("广告"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、login")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("登录"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、loginbar")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("登录条"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、register")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("注册"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、search")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("搜索"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("、shop")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("功能区"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 文本样式")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1.")]),s._v(" font"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("family "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 字体属性,具体字体名、字体集,值中间用逗号隔开,引号嵌套,外用双内用单引号,sans-serif没xius,serif有修饰")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2.")]),s._v(" font"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("size "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 字体大小,绝对单位、相对单位")]),s._v("\n    "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v("in "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2.54")]),s._v("cm "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// in英寸")]),s._v("\n    "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v("cm "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0.394")]),s._v("in\n    "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v("mm "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0.1")]),s._v("cm\n    "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("72")]),s._v("pt "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v("in "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// pt磅")]),s._v("\n    xx"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("small "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("9")]),s._v("px\n    x"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("small "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("11")]),s._v("px\n    small "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("13")]),s._v("px\n    medium "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("16")]),s._v("px\n    large "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("19")]),s._v("px\n    x"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("large "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("23")]),s._v("px\n    xx"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("large "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("28")]),s._v("px\n    larger "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 相对于父元素字体大小变大")]),s._v("\n    smaller "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 相对于父元素字体大小变小")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3.")]),s._v(" color"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 颜色名"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("十六进制"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("rgb "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 文字颜色")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4.")]),s._v(" font"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("weight"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" normal"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("bold"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("bolder"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("lighter"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("~")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("900")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//文字粗细")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5.")]),s._v(" font"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("style"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" normal"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("italic"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("oblique "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 斜体")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6.")]),s._v(" font"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("cariant"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" normal"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("small"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("caps "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 设置元素中文本为小型大写字母")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("7.")]),s._v(" font属性简写"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n    字体大小和字体要同时设置\n    font"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" font"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("style font"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("variant font"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("weight font"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("size"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("line"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("height\n"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 文本对齐")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1.")]),s._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("align"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" left"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("right"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("center"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("justify "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 该属性只对块级元素设置有效")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2.")]),s._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("indent"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),s._v("em "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//  缩进2字符")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3.")]),s._v(" line"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("height"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 长度"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("百分比 "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 设置元素中文行高,浏览器有默认行高")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4.")]),s._v(" vertical"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("align"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("baseline")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("基线"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("sub")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("上移"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("super")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("下移"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("top")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("顶部对齐"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("top")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("文字顶部对齐"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("middle")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("中线"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("bottom")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("底部对齐"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("bottom")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("文字底部对齐"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("长度"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("百分比 "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 垂直对齐,只对行内元素和单元格元素起作用")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5.")]),s._v(" word"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("spacing"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("15")]),s._v("px"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v("em "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 设置元素内单词的间距,以空格为准")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6.")]),s._v(" letter"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("spacing"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("15")]),s._v("px"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v("em "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 设置元素内字母之间的间距")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("7.")]),s._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("transform"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("capitalize")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("首字母大写"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("uppercase")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("全大写"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("lowercase")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("全小写"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("none "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 设置元素内文本的大小写")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("8.")]),s._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("decoration"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("underline")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("下划线"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("overline")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("上划线"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("line"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("through")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("贯穿线"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("blink")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("闪烁效果"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("none "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 设置元素内文本的装饰且不能继承")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 盒子模型")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1.")]),s._v(" box"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("sizing"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" content"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("box"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("border"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("box\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2.")]),s._v(" min"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 最小宽度\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3.")]),s._v(" max"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 最大宽度\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4.")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 长度值"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("百分比"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("auto\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5.")]),s._v(" min"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("height"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 最小高度\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6.")]),s._v(" max"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("height"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 最大高度\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("7.")]),s._v(" height"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 长度值"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("百分比"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("auto\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("8.")]),s._v(" 宽度、高度只对块级元素和替换元素有效\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("9.")]),s._v(" 替换元素"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" img、input等\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("10.")]),s._v(" border"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" thin"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("medium"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("thick"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("长度值\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("11.")]),s._v(" border"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("color"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 颜色"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("transparent\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("12.")]),s._v(" border"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("style"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" solid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("double"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("dotted")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("点状"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("dashed")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("虚线"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("inherit")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("继承"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("13.")]),s._v(" border"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v("px solid red\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("14.")]),s._v(" margin"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" auto "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 水平居中,相邻外边距会合并取最大的")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("15.")]),s._v(" 行内元素是具有盒子模型的\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("16.")]),s._v(" 行内元素的padding"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("top、padding"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("bottom、margin"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("top、margin"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("bottom都是无效的\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("17.")]),s._v(" 行内元素的padding"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("left、padding"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("right、margin"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("left、margin"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("right都是有效的\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("18.")]),s._v(" display"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" inline"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("block"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("inline"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("block"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("table"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("inline"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("table"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("table"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("cell\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("19.")]),s._v(" 行内元素之间有空行是因为html中有换行\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("20.")]),s._v(" 在外面div设置字体大小"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v("px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("单独设置里面的字体大小\n"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 背景")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1.")]),s._v(" background"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("color"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 颜色"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("tansparent "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 背景颜色")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2.")]),s._v(" background"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("image"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("url")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v("''")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("none "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 背景图片")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3.")]),s._v(" 颜色和图片同时设置会显示图片"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("两者包括内边距和边框\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4.")]),s._v(" background"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("repeat"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("repeat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("重复"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("repeat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("不重复"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("repeat"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("x")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("水平重复"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("repeat"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("y")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("垂直重复"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 背景图片重复")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5.")]),s._v(" background"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("attachment"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("scroll")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("默认滚动"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("fixed")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("固定"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 背景图片显示方式")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6.")]),s._v(" background"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("position"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 百分比"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("top"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("right"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("bottom"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("left"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("center "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 背景图片定位")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("7.")]),s._v(" background"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" color image repeat attachment position "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 缩写")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 列表")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1.")]),s._v(" list"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("style"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("type"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" 关键字"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("none "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 列表项标记")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2.")]),s._v(" 关键字"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n    无序列表"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" disc"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("circle"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("square\n    有序列表"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" decimal"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("lower"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("roman"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("upper"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("roman"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("lower"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("alpha"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("upper"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("alpha\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3.")]),s._v(" list"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("style"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("image"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("url")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v("''")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 列表项标记图片")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4.")]),s._v(" list"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("style"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("position"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("inside")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("位置在文本内"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("环绕文本根据标记对齐"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("outsie")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("默认"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("位置在文本外"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("环绕文本不根据标记对齐"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 列表项标记的位置")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5.")]),s._v(" list"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("style"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("url")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v("''")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" inside circle "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 缩写,图片会覆盖样式")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 浮动")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1.")]),s._v(" 加了浮动会变成inline"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("block属性\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2.")]),s._v(" 使元素向左或向右移动"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("只能左右"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("不能上下\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3.")]),s._v(" 浮动元素碰到包含框或另一个浮动框"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("浮动就会停止\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4.")]),s._v(" 浮动元素之后的元素将围绕它"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("之前的不受影响\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5.")]),s._v(" 浮动元素会脱离标准流\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6.")]),s._v(" float"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" left"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("right"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("none\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("7.")]),s._v(" clear"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" left"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("right"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("both"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("none\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("8.")]),s._v(" 设置了float元素会影响其他相邻元素"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("需要用clear清除浮动"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("clear只会影响自身"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("不会对其他相邻元素造成影响\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("9.")]),s._v(" 清除浮动常用方法"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n    在浮动元素后加一个 div"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("clear"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" clear"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" both "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    在浮动元素的容器添加 overflow"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" hidden"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v(" zoom"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v(" 触发"),a("span",{pre:!0,attrs:{class:"token constant"}},[s._v("BFC")]),s._v("\n    在浮动元素的容器添加一个空盒子"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("clearfix"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("after"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" content"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v("''")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v(" height"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v(" display"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" block"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v(" visibility"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" hidden"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v(" clear"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" both"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v(" zoom"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    父级元素定义height"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("只适合高度固定的布局\n    父级元素也一起浮动\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("10.")]),s._v(" 会脱离文档流"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("但仍然存在文本流当中占据空间\n"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 定位")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1.")]),s._v(" z"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("index只对定位元素起作用\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2.")]),s._v(" position"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("static")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("relative"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("absolute"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("fixed"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("sticky\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3.")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("static")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 静态定位/常规定位/自然定位")]),s._v("\n    会使元素定位于常规"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("自然流中\n    忽略top"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("bottom"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("left"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("right"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("z"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("index声明\n    两个相邻元素的外边距会重合"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("保留大的\n    有固定width和height值的元素"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("设置margin"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v(" auto"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("会水平居中\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4.")]),s._v(" relative "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 相对定位,依据自身定位")]),s._v("\n    可以让元素成为可定位的祖先元素\n    可以使用top"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("bottom"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("left"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("right"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("/")]),s._v("z"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),s._v("index进行相对定位"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("相对于在常规流中的位置\n    相对定位的元素不会离开常规流\n    任何元素都可以设置relative"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("它的绝对定位的后代都可以相对于它进行绝对定位\n    可以使浮动元素发生偏移"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("并控制它们的堆叠顺序\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5.")]),s._v(" absolute "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 绝对定位,依据最近一层的元素定位(absolute、relative、fixed、body)")]),s._v("\n    可以让元素脱离常规流\n    设置定位要注意是最近定位的祖先元素"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("如果没有则是"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v("body"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v("为祖先\n    绝对定位属性如果没有宽高"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("且偏移量都是"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("就会填充整个容器\n    如果绝对定位属性有宽高"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("且偏移量都是"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("把margin"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" auto"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("会垂直水平居中\n    如果偏移量都为auto"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("则会回到起始位置\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6.")]),s._v(" fixed "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 固定定位")]),s._v("\n    和绝对定位一样\n    相对于浏览器定位"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("随滚动条滚动而滚动\n    适用于导航跟随"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("下面要对应撑开padding值\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("7.")]),s._v(" sticky "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 磁铁定位")]),s._v("\n    relative "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("+")]),s._v(" fixed 相结合制造出吸附效果\n    如果产生偏移"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("原位置还是会在常规流中\n    如果它最近祖先元素有滚动"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("那么它的偏移标尺就是最近的祖先元素"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("如果最近的祖先元素没有滚动"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("那么它的偏移标尺就是浏览器视口\n"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("--")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 其他")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1.")]),s._v(" filter"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("blur")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("8")]),s._v("px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 模糊")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br"),a("span",{staticClass:"line-number"},[s._v("64")]),a("br"),a("span",{staticClass:"line-number"},[s._v("65")]),a("br"),a("span",{staticClass:"line-number"},[s._v("66")]),a("br"),a("span",{staticClass:"line-number"},[s._v("67")]),a("br"),a("span",{staticClass:"line-number"},[s._v("68")]),a("br"),a("span",{staticClass:"line-number"},[s._v("69")]),a("br"),a("span",{staticClass:"line-number"},[s._v("70")]),a("br"),a("span",{staticClass:"line-number"},[s._v("71")]),a("br"),a("span",{staticClass:"line-number"},[s._v("72")]),a("br"),a("span",{staticClass:"line-number"},[s._v("73")]),a("br"),a("span",{staticClass:"line-number"},[s._v("74")]),a("br"),a("span",{staticClass:"line-number"},[s._v("75")]),a("br"),a("span",{staticClass:"line-number"},[s._v("76")]),a("br"),a("span",{staticClass:"line-number"},[s._v("77")]),a("br"),a("span",{staticClass:"line-number"},[s._v("78")]),a("br"),a("span",{staticClass:"line-number"},[s._v("79")]),a("br"),a("span",{staticClass:"line-number"},[s._v("80")]),a("br"),a("span",{staticClass:"line-number"},[s._v("81")]),a("br"),a("span",{staticClass:"line-number"},[s._v("82")]),a("br"),a("span",{staticClass:"line-number"},[s._v("83")]),a("br"),a("span",{staticClass:"line-number"},[s._v("84")]),a("br"),a("span",{staticClass:"line-number"},[s._v("85")]),a("br"),a("span",{staticClass:"line-number"},[s._v("86")]),a("br"),a("span",{staticClass:"line-number"},[s._v("87")]),a("br"),a("span",{staticClass:"line-number"},[s._v("88")]),a("br"),a("span",{staticClass:"line-number"},[s._v("89")]),a("br"),a("span",{staticClass:"line-number"},[s._v("90")]),a("br"),a("span",{staticClass:"line-number"},[s._v("91")]),a("br"),a("span",{staticClass:"line-number"},[s._v("92")]),a("br"),a("span",{staticClass:"line-number"},[s._v("93")]),a("br"),a("span",{staticClass:"line-number"},[s._v("94")]),a("br"),a("span",{staticClass:"line-number"},[s._v("95")]),a("br"),a("span",{staticClass:"line-number"},[s._v("96")]),a("br"),a("span",{staticClass:"line-number"},[s._v("97")]),a("br"),a("span",{staticClass:"line-number"},[s._v("98")]),a("br"),a("span",{staticClass:"line-number"},[s._v("99")]),a("br"),a("span",{staticClass:"line-number"},[s._v("100")]),a("br"),a("span",{staticClass:"line-number"},[s._v("101")]),a("br"),a("span",{staticClass:"line-number"},[s._v("102")]),a("br"),a("span",{staticClass:"line-number"},[s._v("103")]),a("br"),a("span",{staticClass:"line-number"},[s._v("104")]),a("br"),a("span",{staticClass:"line-number"},[s._v("105")]),a("br"),a("span",{staticClass:"line-number"},[s._v("106")]),a("br"),a("span",{staticClass:"line-number"},[s._v("107")]),a("br"),a("span",{staticClass:"line-number"},[s._v("108")]),a("br"),a("span",{staticClass:"line-number"},[s._v("109")]),a("br"),a("span",{staticClass:"line-number"},[s._v("110")]),a("br"),a("span",{staticClass:"line-number"},[s._v("111")]),a("br"),a("span",{staticClass:"line-number"},[s._v("112")]),a("br"),a("span",{staticClass:"line-number"},[s._v("113")]),a("br"),a("span",{staticClass:"line-number"},[s._v("114")]),a("br"),a("span",{staticClass:"line-number"},[s._v("115")]),a("br"),a("span",{staticClass:"line-number"},[s._v("116")]),a("br"),a("span",{staticClass:"line-number"},[s._v("117")]),a("br"),a("span",{staticClass:"line-number"},[s._v("118")]),a("br"),a("span",{staticClass:"line-number"},[s._v("119")]),a("br"),a("span",{staticClass:"line-number"},[s._v("120")]),a("br"),a("span",{staticClass:"line-number"},[s._v("121")]),a("br"),a("span",{staticClass:"line-number"},[s._v("122")]),a("br"),a("span",{staticClass:"line-number"},[s._v("123")]),a("br"),a("span",{staticClass:"line-number"},[s._v("124")]),a("br"),a("span",{staticClass:"line-number"},[s._v("125")]),a("br"),a("span",{staticClass:"line-number"},[s._v("126")]),a("br"),a("span",{staticClass:"line-number"},[s._v("127")]),a("br"),a("span",{staticClass:"line-number"},[s._v("128")]),a("br"),a("span",{staticClass:"line-number"},[s._v("129")]),a("br"),a("span",{staticClass:"line-number"},[s._v("130")]),a("br"),a("span",{staticClass:"line-number"},[s._v("131")]),a("br"),a("span",{staticClass:"line-number"},[s._v("132")]),a("br"),a("span",{staticClass:"line-number"},[s._v("133")]),a("br"),a("span",{staticClass:"line-number"},[s._v("134")]),a("br"),a("span",{staticClass:"line-number"},[s._v("135")]),a("br"),a("span",{staticClass:"line-number"},[s._v("136")]),a("br"),a("span",{staticClass:"line-number"},[s._v("137")]),a("br"),a("span",{staticClass:"line-number"},[s._v("138")]),a("br"),a("span",{staticClass:"line-number"},[s._v("139")]),a("br"),a("span",{staticClass:"line-number"},[s._v("140")]),a("br"),a("span",{staticClass:"line-number"},[s._v("141")]),a("br"),a("span",{staticClass:"line-number"},[s._v("142")]),a("br"),a("span",{staticClass:"line-number"},[s._v("143")]),a("br"),a("span",{staticClass:"line-number"},[s._v("144")]),a("br"),a("span",{staticClass:"line-number"},[s._v("145")]),a("br"),a("span",{staticClass:"line-number"},[s._v("146")]),a("br"),a("span",{staticClass:"line-number"},[s._v("147")]),a("br"),a("span",{staticClass:"line-number"},[s._v("148")]),a("br"),a("span",{staticClass:"line-number"},[s._v("149")]),a("br"),a("span",{staticClass:"line-number"},[s._v("150")]),a("br"),a("span",{staticClass:"line-number"},[s._v("151")]),a("br"),a("span",{staticClass:"line-number"},[s._v("152")]),a("br"),a("span",{staticClass:"line-number"},[s._v("153")]),a("br"),a("span",{staticClass:"line-number"},[s._v("154")]),a("br"),a("span",{staticClass:"line-number"},[s._v("155")]),a("br"),a("span",{staticClass:"line-number"},[s._v("156")]),a("br"),a("span",{staticClass:"line-number"},[s._v("157")]),a("br"),a("span",{staticClass:"line-number"},[s._v("158")]),a("br"),a("span",{staticClass:"line-number"},[s._v("159")]),a("br"),a("span",{staticClass:"line-number"},[s._v("160")]),a("br"),a("span",{staticClass:"line-number"},[s._v("161")]),a("br"),a("span",{staticClass:"line-number"},[s._v("162")]),a("br"),a("span",{staticClass:"line-number"},[s._v("163")]),a("br"),a("span",{staticClass:"line-number"},[s._v("164")]),a("br"),a("span",{staticClass:"line-number"},[s._v("165")]),a("br"),a("span",{staticClass:"line-number"},[s._v("166")]),a("br"),a("span",{staticClass:"line-number"},[s._v("167")]),a("br"),a("span",{staticClass:"line-number"},[s._v("168")]),a("br"),a("span",{staticClass:"line-number"},[s._v("169")]),a("br"),a("span",{staticClass:"line-number"},[s._v("170")]),a("br"),a("span",{staticClass:"line-number"},[s._v("171")]),a("br"),a("span",{staticClass:"line-number"},[s._v("172")]),a("br")])])])}),[],!1,null,null,null);t.default=e.exports}}]);