背景属性
背景颜色：background-color：颜色值；三种表现形式：red(英文表示)，十六进制(#FFFFFF,或#FFF)，agb(255，255，255)，后扩展alpha 通道 - 规定对象的透明度0~1之间表示 agba(255,0,0,0.5) 刚开始看会有些懵.
背景图像：background-image:url(图像路径);
设置背景图片不重复：background-repeat:no-repeat；默认重复
设置X(水平),Y(垂直)起始位置：background-position:三种表达方式(px)(%)(center);
以上两句结合使用：background-image:url() 0 0 no-repeat;
<font color="#c41230">最近使用 background-image 加其它属性 不管用了，可以把image去掉</font><br><pre>background:是简写，除<a target="_blank" rel="nofollow">URL</a>外，后面还可以设置图片的其他属性，用空格隔开；<br>background-image:<a target="_blank" rel="nofollow">url</a>就只能接图片的路径这一个属性。</pre>
background-attachment 属性设置背景图像是否固定(fixed)或者随着页面的其余部分(scroll)滚动。
background-size属性用来处理一些不规则图片，实际运用比较少，图片已经处理好了
background-image: （线性渐变）linear-gradient(方向，起始颜色，过度颜色）；radial-gradient(径向渐变)
<ul><li>渐变线的长度可以改变，拉出的渐变线越长，<font color="#0076b3">色块隔得越远，渐变越自然</font>，拉出的渐变线越短，色块隔得越近，渐变越生硬。</li></ul>
子主题
盒子模型
定义宽高：width，height
内边距上右下左：padding:top right bottom left;
也可以单独设定如：padding-top:50px;
外边距：margin:top right bottom left;
margin:0 auto;网页居中
边框属性
边框颜色：border-color
也可以通过上下左右规定单独风格 如：border-top-color
边框风格：border-style
风格属性值
solid实线 dashed虚线 dotted点状 double双线 none无边框
groove 3D 凹槽边框 ridge垄状边框
大部分时候我们通过简写方式：border:soild 1px red;来实现正常效果
border-radius:px与%;添加圆角边框
当然也可以单独规定border-top-left-radius
轮廓属性：outline:color style width;
向方框添加一个或多个阴影:box-shadow:0(水平) 0(垂直偏移) 0(模糊半径) 颜色;
文本也有个渲染效果text-shadow
边框宽度 与上下左右的设置 比较随心，多种多样，真正用处较少，了解即可
如：border-top-width，border-top-style.....
布局相关属性
浮动float
left 与right
清除浮动clear:both;
overflow溢出处理
hidden隐藏超出规定内容，scroll无论是否超出添加滚动条 auto超出自动添加滚动条 visible显示<br>
display显示属性
none元素隐藏或关闭 block 生成一个块元素 inline生成一个或多个行内元素 inline-block该元素生成一个块状盒 ，随着周围内容流动，如同它是一个单独的行内盒子（表现更像是一个被替换的元素）
opacity属性 设置元素的透明度 0~1之间变化
position定位方式，没有任何继承性，只读
relative相对于其正常位置进行定位 absolute相对于第一个父元素进行定位 fixed相对于浏览器窗口进行定位
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定
堆叠层级通过z-index进行对比（优先级）较大的元素会覆盖较小的一个
字体与文本属性
font-family字体定义 font-size字体大小 font-style:italic(斜体) oblique(倾斜);
cursive草书字体 serif 带衬线字体 可以了解一些带有特色的字体
font-weight字体粗细 font-variant字体大写
bold(粗) bolder(更粗) inghter(更细) 700=blod 400=normal
文本修饰text-decoration:underline(下划线) line-through(删除线) ;
单词间距word-spacing 字母间距letter-spacing 行高line-height text-indent首行缩进
text-align:left，right，center;水平对齐作用块元素 vertical-align:top、middle、bottom;垂直对齐内联元素
<div>text-overflow: ellipsis | clip ; inherit；继承<br></div>
文本溢出省略号代表 和修剪<br>
white-space:nowrap; 属性设置如何处理元素内的空白。
nowrap
文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
列表属性
编号类型:list-style-type 定义列表项符号
编号图像:list-style-image
标记位置：list-style-position:inside(里面) onside(外面);
