css 标签属性

css的样式分为三种：

1.行内样式 样式只有当前标签可用，写法别叫繁琐，这种写法极力避免
2.内部样式 只在当前页面，比行内写法要好一些，缺点：多个页面无法共用一个样式
3.外部样式 

/*ID选择器*/#price{    color: red;    font-size: 40px;}/*标签选择器 作用于当前页面的所有匹配标签*/li{    color: blue;}/*类选择器 作用于当前页面所有class为xx的标签*/.red{    color: red;}p{/*浏览器会依次判断是否当前字体，直到最后的字体系列*/     font-family: 仿宋,宋体,sans-serif;     /*bold 加粗  bolder深度加粗   lighter 细体   100-900*/     font-weight: 900;     font-size: 200%;     /*字体样式  倾斜*/     font-style: italic;     /*字体颜色*/     color:red;     /*字体透明度*/     opacity: 0.5;    /*行号  单行字体占用的高度  px  %*/    line-height:200%;    /*对齐方式*/    text-align: center;    /*字符间距*/    letter-spacing: normal;    /*上中下划线*/    text-decoration: none;/*文本超出显示方式*/    overflow: hidden;    white-space: nowrap;/*不换行*/    text-overflow: ellipsis ;   /* text-shadow: 5px 2px blue;/!*阴影*!/*/    -webkit-text-stroke: 2px black;/*描边*/ /*通过设置文本的行高于外部容器高度一致，可以实现文本居中*/

背景图片大小contain 图片宽高等比例缩放cover  图片宽高等比例缩放，知道较小的那个宽或者高填满父布局，可能出现图片溢出background-size: contain;


行内样式的优先级比内部样式高内部样式的优先级比外部样式高以上效果的实现要符合“就近原则”