一、CSS字体类属性和文本属性设置

一、字体类属性

1.字体类型

语法:  font-family:字体;

eg:  body{font-family:"Microsoft Yahei";}

2.字体大小

语法:font-size:数值+单位;

注:a) 浏览器默认字体大小为16px

    b) 字体大小常用单位px,em,rem等

    c) 字体大小建议设置偶数不设置奇数

3.字体加粗

语法:font-weight:normal|bold|bolder|100-900;

eg: h1{font-weight:normal;}   去掉h1自带的加粗效果

4.字体倾斜

语法:font-style:normal|italic|oblique;

eg: em,i{font-style:normal;}   去掉em和i的倾斜效果

5.字体颜色

语法:color:属性值;

注:颜色属性值的设置方法有三种:

a) 十六进制写法

eg:  color:#fff;  白色     color:#000;  黑色

b) rgb写法

eg: color:rgb(255,255,255); 白色   color:rgb(0,0,0);  黑色

c) 颜色值单词

eg: color:white;  白色   color:black;   黑色

扩展:font:12px/1.5  "Microsoft yahei";

font的复合写法:字体大小为12px,行高为字体大小的1.5倍,字体类型为微软雅黑

二、文本类属性

1.文本水平对齐方式

语法:text-align:left|center|right|justify(两端对齐);

注:如果需要图片水平居中,给包含图片的容器添加text-align:center; 

2.首行缩进

语法:text-indent:数值+单位;

注: 正值向后缩进,负值向前缩进

3.文本修饰

语法: text-decoration:none(默认值)|underline(下划线)|overline(上划线)|line-through(删除线);

eg:a{color:black;text-decoration:none;}   a:hover{color:blue;text-decoration:underline;}

注: 默认去掉超链接的下划线,划过时添加下划线

4.行高

语法:line-height:normal(默认值)|数值+单位|数值;

注:a) line-height:2;   行高为字体大小的2倍

    b) 设置行高等于容器高,可以实现单行文本在定高容器中垂直居中

    c) line-height不允许设置负值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值