css 样式

css 复杂选择器：

                    父子选择器（div  p  span{}    div > p 直接父子选择）

                     并列选择器（div.demo{} 只作用在div下class为demo的标签上）

                      分组选择器（div，p ，span{} 作用在div p 和span三个标签上）

text-indent 文字缩进

text-decoration:line-through   文本中间加横线

display：inline 具有文字属性（比如img空格显示出来）

display：absolute  绝对布局，相对第一个具有定位的父级元素进行定位

display:relative  相对布局，相对与原来自己的位置进行定位

float产生了浮动流的元素，块级元素看不到他们

文字单行超出在末尾加...

white-space: nowrap;

overflow: hidden;
text-overflow: ellipsis;

display: block;

背景渐变

background-image: linear-gradient( to right, #8099b5, #84679c);