CSS的常用属性

1、颜色属性

ppppp
 
ppppp
 
ppppp
 
ppppp

2 、字体属性

font-size: 20px/50%/larger
 
font-family:'Lucida Bright'
 
font-weight: lighter/bold/border/
 
老男孩

3 、背景属性

background-color: cornflowerblue

background-image: url('1.jpg');

background-repeat: no-repeat;(repeat:平铺满)

background-position: right top（20px 20px）;(横向：left center right)(纵向：top center bottom)

      简写：

              

    注意：如果将背景属性加在body上，要记得给body加上一个height，否则结果异常，这是因为body为空，无法撑起背景图片；另外，如果此时要设置一个width＝100px，你也看不出效果，除非你设置出html。   

eg：

4、文本属性

font-size: 10px;

text-align: center;   横向排列

line-height: 200px;   文本行高 通俗的讲，文字高度加上文字上下的空白区域的高度 50%:基于字体大小的百分比

vertical-align:－4px  设置元素内容的垂直对齐方式 ,只对行内元素有效，对块级元素无效


text-indent: 150px;   首行缩进
letter-spacing: 10px;
word-spacing: 20px;
text-transform: capitalize;

5、边框属性

border-style: solid;
 
border-color: chartreuse;
 
border-width: 20px;
 
简写：border: 30px rebeccapurple solid;

6、列表属性

ul,ol{   list-style: decimal-leading-zero;
         list-style: none; 
         list-style: circle;
         list-style: upper-alpha;
         list-style: disc; }

    
    
    


hello world
hello world hello world hello world hello world hello world 



    
hello world
    
hello world
    
hello world


    
hello world
    
hello world
    
hello world



 

7、dispaly属性

none
block
inline

display:inline-block可做列表布局，其中的类似于图片间的间隙小bug可以通过如下设置解决：

    
    
    


内联标签是不能设置长度和宽度的，使用display可以设置为block就可以有块级标签的性质

同样可以把块级标签的display设置为inline就有内联标签的性质

把display设置为inline-block就既可以设置长宽又不独占一行
p
div

    span
    a

参考：点击打开链接