CSS第二次学习

1背景

背景颜色、背景图片、背景图片是否重复

/* 背景颜色 */
background-color: red;
/* 背景图片 */
background-image:url(图片) ;
/* 背景图片不重复（默认重复） */
background-repeat: no-repeat; 

2文本

color（字体颜色）、text-align（对齐方式）、text-decoration（文本修饰 ）、text-indent（文本缩进）

/* 字体颜色 */
color: #8A2BE2;

/* 对齐方式 居中 左对齐 右对齐  */
text-align: left;
/*  文本修饰*/
text-decoration: line-through ;  //文本加上中划线
/* 首行缩进 */
text-indent: 2em;

3对齐方式

left、right、center、justify（两端对齐）、inherit（规定从父元素继承text-align属性值）

4display属性

none 隐藏元素

block 显示元素并换行

5浮动

float属性值有none、left。right（只有横向浮动，没有纵向浮动）

6盒子模型

padding 内边距

 border 边框
 margin 外边距
   border 边框
              颜色 样式 宽度
              例子   border:  red solid 1px
              单独设置
                border-width: 1px
                border-style： soild
                border-corlor: red 
                   padding   内边距
                      各边内边距padding-top、padding-left、padding-bottom、padding-right
                      默认四个全都有
                    margin  外边距
                      各边外边距margin -top、margin -left、margin -bottom、margin -right
                      默认四个全都有
            border-collapse   
               设置是否合并为一个边框
               默认  separale（不合并 ）    collapse（合并）