规则值：关键字：positionleftrightcentertopbottommediumcancelnonecolor：十六进制#ffffff#ededed，简写为#fffrgbfunctionrgb(0,0,0)关键字gradientlinear-gradientlength：绝对单位px相对单位em的当前元素的字体大小font-size:12px1em=12px2em=24pxrem当前html元素设置的字体大小html{font-size:10px;}ul{字体大小：20px;}li{身高：2rem;//20px}%percentageborder-radius:50%字体样式（可继承）雅黑”，衬线体；字体大小网页默认字体16px12px10pxfont-weightthicknessboldthinbolder100~900font-style是否开启斜体line-heightfont:shorthand,shorthandfont:font-stylefont-weightfont-size/line-heightfont-familyfont:normalbold14px/1.5em"MicrosoftYaHei","MicrosoftYaHei"webfontwonderfulfont,(word->icon)@font-face{font-family:"iconfont";src:url('iconfont.eot?t=1564624596715');/*IE9*/src:url('iconfont.eot?t=1564624596715#iefix')format('embedded-opentype'),/*IE6-IE8*/url('data:application/x-font-woff2;charset=utf-8;base64,=')format('woff2'),url('iconfont.woff?t=1564624596715')format('woff'),url('iconfont.ttf?t=1564624596715')格式('truetype'),/*chrome,firefox,opera,Safari,Android,iOS4.2+*/url('iconfont.svg?t=1564624596715#iconfont')format('svg');/*iOS4.1-*/}.lishiziti{font-family:'iconfont'}.weixin:before{content:'\e123'}图标：1.从设计中剪下图标，用作图片（小程序）缺点：放大缩小比较麻烦，失真；颜色无法更改）使用方法：1）在iconfont官网选择要使用的图标，放入购物车2）下载源码到本地3）本地引用iconfont.css文件4）应用样式文本样式（可继承）text-align容器中文本的排列leftrightcentertext-indent容器中文本的缩进2emtext-decoration-line文字装饰线的位置noneunderlineoverlineline-throughtext-decoration-style文字装饰线的类型soliddoubledotteddashedwavytext-decoration-color文字装饰线的颜色text-decoration上图形式text-shadow文字左上角c颜色的阴影；列表样式list-style-typecircle/quare/...list-style-imageurl()list-style-positioninside/outsidelist-style:none[*]boxstyle(blockelement)widthheightmargin上下框的下边距不会被合并，例如第一个元素margin-bottom:20px；第二个元素margin-top:10px;它们的外边距为20pxmargin-topmargin-rightmargin-bottommargin-leftmargin:10px；top,right,bottom,left都是10pxmargin:010px;top和bottom为0，left和right为10pxmargin:05px10px;top0,bottom10pxleftandright5pxmargin:5px10px15px20pxtoprightbottomleftpadding-toppadding-rightpadding-bottompadding-leftpadding:10px;右上左下是10pxpadding:010px;上下为0，左右为10pxpadding:05px10px；top0,bottom10pxleftandright5pxpadding:5px10px15px20pxtoprightbottomleftborderborder-top-widthborder-right-widthborder-bottom-widthborder-left-widthborder-widthborder-top-styleborder-右侧样式边框-底部样式边框-左侧样式边框样式边框-顶部颜色边框-右侧颜色边框-底部颜色边框-左侧颜色边框-颜色边框：1pxsolid#ededed;border-radiusbox-shadowbox-shadow:5px5px10px#ccc;框阴影：插入0px03px浅蓝色；background-origin背景原点border-boxpadding-boxcontent-boxbackground-clip裁剪border-boxpadding-boxcontent-boxbackground-image到已经铺好的背景url()background-colorcolorbackground-position位置centerlefttop100px50pxbackground-repeatrepeat-xrepeat-yno-repeatbackgroundbackground:url('')no-repeatcenter;background:center/coverpadding-boxurl('./image/lianjia_08.png')no-repeat;1）框模型内容框（宽度=内容宽度）【传统框】是大多数浏览器默认的框模型宽度：100px表示内容区域的宽度为100px边框框（宽度=边框内所有元素的宽度）[奇怪的盒子]宽度：100px；表示边框内所有宽度的综合宽度width=border+padding+contentarea
