css字体样式属性

css是被我们称之为网页的美容师,为什么呢?因为CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。

下面我们来仔细讲解一下CSS

CSS(Cascading Style Sheets)通常称它样式表或层叠样式表

css的样式规则

选择器 {
	属性1:属性值1;
	属性2:属性值2;
}

这就是css的样式规则,所有的属性都在{}里面,属性和属性值之间是以冒号划分,属性和属性之间是以分号划分

css字体样式属性

1.font-size字体大小

 font-size是用来设置字体大小的,我们通常使用的是像素(px), 比如我们想让div的字体变成30px,就是
 div{
 	font-size:30px;
 }

font-family字体

font-family是用来设置字体的,我们常用的有 微软雅黑 宋体  黑体等比如你想让网页中所有的字体都是微软雅黑,就是
*{
   font-family:“微软雅黑”;
}
*表示的是作用在网页里所有的元素

注意:
1.一般网页都是14px以上的字体
2.偶数字体字号,ie6等老式浏览器支持奇数会有bug
3.各种字体之间用英文状态下的逗号隔开
4.当字体是英文是,且有空格$#的时候,用双引号括起来
5.尽量使用系统默认字体,保证任何用户的浏览器都能正确显示

3.font-weight字体加粗

font-weight是对字体进行加粗显示的,他是没有单位的,属性值有 bold bolder 100-900(100的整数倍) 比如你想让p标签的字体变成粗体就是
p{
	font-weight:bold;
}

注意:700和boldr一样,400相当与normal

font-style字体样式

字体倾斜我们可以使用i和em,同时我们也可以使用css来实现,但是css是没有语义化的
font-style的属性值有:
normal:默认值,浏览器会显示标准的字体样式。
italic:浏览器会显示斜体的字体样式。
oblique:浏览器会显示倾斜的字体样式。

到这里肯定我们都会有一个疑问,这4个样式前面的font-都是一样的,那么我们可以把它们写在一起吗?回答是肯定的,我们可以写在一起,格式如下:

选择器{font: font-style  font-weight  font-size/line-height  font-family;}
注意:1.使用font属性时,必须按上面语法格式中的顺序书写,不能更换顺序,各个属性以空格隔开。

2其中不需要设置的属性可以省略(取默认值),但必须保留font-size和font-family属性,否则font属性将不起作用。

以上就是css里面字体样式的所有属性了。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值