Css基础2

CSS的基本属性：文字样式1

文字颜色   color:                 英文单词red  

文字字体   font-family:字体

文字大小   font-size:

文字加粗   font-weight:             normal正常             bold    加粗

CSS的基本属性：文字样式2

文字倾斜   font-style                 normal    正常                 italic    倾斜

文字装饰   text-decoration             none    去线             overline    上划线             line-through    中划线             underline    下划线

英文大小写转换  text-transform             uppwecase    大写             lowercase    小写             capitalize    首字母大写    

CSS的基本属性：文本样式

段落缩进    text-indent：2em    10px     

字词间距         word-spacing:10px    单词间距         letter-spacing:10px    字和字母间距    

文字水平位置  text-align:                 left                 center                 right           行高line-height    

CSS的基本属性：背景

背景颜色background-color：#000     

背景图片background-image：url()     

背景平不平铺background-repeat:                                              

 repeat 默认平铺   no-repeat 不平埔                         repeat-x水平方向  repeat-y垂直方向                

背景位置  background-position: 左右   上下               

                                  left    top      50%     20px                

背景大小   background-size:50px 50px;

复合属性     background:url() no-repeat  50px 100px;

CSS的基本属性：列表与边框

去掉列表默认样式          list-style:none                        列表图标  list-style-image:url()

  边框                   border:颜色 粗细 样式                                           

                            实线    solid                        

                           虚线    dashed                                         

                           点线    dotted              

border-top:     border-right:     border-bottom:     border-left:

float浮动标签 left左 right右                                   .p{float:left;  margin-left:50px}
margin浮动后位置间隔left方向50px距离

display:none  隐藏

display：block 链接a变块行状  行内元素转换为块元素