背景颜色background-color背景颜色值可以是英文，十六进制颜色值，rgb背景图片background-image背景图片大小可以和容器大小不同背景图片不同如果容器大而背景图片小，背景图片会平铺覆盖整个容器。背景图片left,right,top,bottom,centerbackground-repeatno-repeatarray图片不重复，公共轮自动缩放，直到适合并填满整个容器空间。以相同的间距平铺并填充整个容器。背景图定位background-attachmentbackground-attachment:fixed背景图是固定的还是随页面其余部分滚动background-attachment的值可以是scroll,fixedbackgroundbackground的缩写:#ff0000url(bg01.jpg)no-repeatfixedcenter字体样式fontfamily:font-familyFontsize:font-sizeFontweight:font-weightfont-weight:400normaldefaultboldboldbolderlighterfontcolorcolorfontitalic:font-stylefont-style:italicnormaltextnormaldisplayitalictextitalicdisplayobliquetext倾斜显示text属性行高line-heightline-height:50px可以撑起父元素的高度Text水平对齐方式：text-alignleft,center,right文本所在行高的垂直对齐方式：vertical-alignbaseline的默认sub为垂直对齐文本的下标，sub上标与标签作用相同，垂直对齐文本的上标与sup标签作用相同。top对象的顶部与其所在容器的顶部对齐。text-top对象的顶部与文本所在行的顶部对齐。text-bottom对象的底部与行中文本的底部对齐。文本缩进是text-indenttext-indent:2em。常用于首行缩进段落开头letter-spacingbetweenwordsspacing:word-spacing文本大小写text-transformcapitalize文本中每个单词以大写字母开头uppercase只定义大写字母lowercase定义装饰textwithonlylowercaseletterstext-decorationnonedefaultunderlineunderlineoverlineoverlineline-throughmidlineword-wrapword-wrap:break-word基本样式width,height元素默认没有高度，需要设置高度使element内容将元素向上提升。鼠标样式光标定义鼠标的样式。cursor:pointerdefaultDefault,pointersmallhandshape,movemobileshapeopacityopacity:0.3透明度的值可以是0到1之间的数字，0表示透明，1表示完全不透明，透明元素只是不可见，但仍然占据文档流动。Visibilityvisibilityvisibility:hiddenvisible元素是可见的hidden元素是不可见的collapse当用在表格元素中时，这个值可以删除一行或一列而不影响表格的布局。displaycontentvisible默认值，内容不会被裁剪，在元素框外渲染hiddencontent会被裁剪，其余内容是invisiblescroll内容会被裁剪，但是浏览器会显示一个滚动条查看其余内容。auto如果内容被修剪，浏览器会显示滚动条以查看其余内容。bordercoloroutlineinput文本框自带边框，样式丑outline:noneclearborderstyleresetclearmarginandpaddingoftheelement,inline强元素元素分类convertdisplayblock,将元素转换为块级元素inline,将元素转换为行级元素inline-block,将元素转换为行内块元素nonehideelement,strokeborderlinestyle:dasheddashedline,dottedDottedline,solidsolidlineCSS样式只允许边框的一个方向设置样式。Bottomstrokeborder-bottomTopstrokeborder-topRightstrokeborder-rightLeftstrokeborder-leftSpacingpaddingfloatingfloatfloatfloating原理：浮动使元素脱离文档的正常流动，浮动元素浮动在正常流动之上仍然出现在它在正常流中的位置，然后根据设置的浮动方向尽可能向左或向右浮动，知道浮动元素，直到外边缘遇到包含框或另一个浮动元素，并允许文本和浮动在它周围的内联元素将生成一个块级框，而不管元素本身。Clearfloatingclearclearfloatingnone不清除的影响，left左边不允许有浮动对象，right和两者都使用伪类来清除浮动对象。clearFix{content="";显示：块；宽度：0；高度：0；clear:both;}position层模型，绝对定位（相对于父类）如果要在层模型中为元素设置绝对定位，需要设置position:absolute绝对定位，这条语句的作用是将元素拖出文档流，然后使用left,right,top,bottom属性相对于其最近的具有positioned属性的父包含块进行绝对定位。如果没有这个包含块，相对于body元素，即相对于浏览器窗口position:absolutediv{width:200px;高度：200px；边框：2px红色实心；位置：绝对；左：100px；顶部：20px；}图层模型-相对定位（相对于原位置）position:relative#div{width:200px;高度：200px；边框：2px红色实心；位置：相对；左：100px；top:20px;}layermodel-固定定位（相对于网络窗口）position:fixed
