CSS基本语法(2)_html/css_WEB-ITnose

CSS基本语法（2）

一、文本字体属性

1、 文本属性：line-height，text-align，letter-spacing，text-decoration，white-space

2、 字体属性：font，font-family，font-size，font-weight

 1  2     3         4        20    
 
 
21    22        
23           
24              
CSS基本语法(2)
25              
坚持不懈，努力学习CSS基本语法，为成为css高手而奋斗！
26              
CSS的文本属性
27              
学习CSS的下一步，是要更努力的学习javascript！
28              
CSS的字体属性
29           
30        
31    32 

二、背景属性

背景属性参数： background、background-color、background-img、background-repeat、background-position

1、background-repeat属性的取值：

     repeat   横向纵向同时平铺，默认值

     repeat-x  横向平铺

     repeat-y  纵向平铺

     no-repeat   背景图不重复平铺

2、background-position属性的取值

     Xpos  Ypos      X表示水平方向   Y表示垂直方向（正值表示正向偏移，同时向下向左；负值表示反向偏移，同时向上向右）

     X%    Y%        使用百分比表示背景出现的位置 （30%  50%垂直方向居中，水平方向偏移30%）

     X方向关键词  Y方向关键词    水平方向关键词left，center ，right  垂直方向关键词top，center，bottom

 1  2     3         4        10    
 
 
11    12        
13           
this is a test of background !
14           
this is a test of background !
15           
this is a test of background !
16           
this is a test of background !
17           
this is a test of background !
18           
this is a test of background !
19        
20    21 

三、列表常用属性

1、list-style 属性用于定义列表项的各类风格，list-style属性取值说明如下：

     none      无修饰符

     disc        实心圆

     circle      空心圆

     square    实心正方形

     decimal    数字

2、float 属性用于定义元素的浮动方向。

 1  2     3         4        13    
 
 
14    15        
16           
17              
铅笔
18              
钢笔
19              
水笔
20              
毛笔
21              
画笔
22           
23        
24    25 

坚持每天进一步一点点，加油！