第十章：css样式讲解下

 

一、color 控制字体颜色

1、十六进制值  #CC0066    #000

2、英文单词里颜色值  red  gray blue yellow 

 

二、font-size 控制文字字体大小

font-size:12px;

 

三、font-family 控制字体的类型

font-family:"黑体";

 

四、font-weight 控制字体的粗细

font-weight:bold;  

font-weight:100;  normal正常

 

五、text-align 控制文字水平方向位置

1、left   水平距左  默认值

2、center 水平距中

3、right 水平距右

 

六、line-height  文字在竖直方向距中显示

line-height：25px;

 

七、text-decoration  向文本添加修饰

1、none默认。定义标准的文本。

2、underline定义文本下的一条线。

3、overline定义文本上的一条线。

4、line-through    定义穿过文本下的一条线。

 

八、text-indent 缩进文本

1、em做单位 text-indent:2em;  1em代表一个汉字的距离

2、px做单位 text-indent:20px

3、百分比  text-indent:200%;百分数要相对于缩进元素父元素的宽度。

4、使用负值 text-indent:-2em;

 

九、overflow 文字超出内容区是表现形式

 

 

十、表格案例

 1、border-collapse:collapse  为表格设置合并边框模型

 2、colspan="2"  表格单元横跨两列的表格

 3、rowspan="2" 表格单元横跨两行的表格

 

JAVA技术交流群 532101200