CSS字体属性
CSS字体属性
CSS Fonts(字体)属性拥有定义字体系列、大小、粗细和文字样式(如斜体)
字体系列
<style type="text/css">
div{
font-family:"Microsoft Yahei";
}
</style>
【注意】
- 各种字体之间必须使用英文状态下逗号隔开
- 一般情况下,如果有空格隔开的多个单词组成的字体,加引号
- 尽量使用系统默认自带的字体,保证在任何用户的浏览器中都能显示
字体大小
CSS使用font-size属性来设置字体大小
<style type="text/css">
div{
font-size:20px;
}
</style>
【注意】
- px(像素)大小是我们网页的最常用的单位
- 谷歌浏览器默认的文字大小为16px
- 不同的浏览器可能默认显示的字号大小不一致,我们尽量给一个明确值大小,不要默认值大小
- 可以给body指定整个页面文字的大小
字体的粗细
CSS使用font-weight属性来设置文本字体的粗细
<style type="text/css">
div{
font-weight:normal|bold|bolder|lighter|number;
}
</style>
参数 说明 normal 正常字体,相当于number为400,声明这个值将取消之前任何设置 bold 粗体。相当于number700.也相当于<b>对象的作用 bolder IE5+ 特粗体 lighter IE5+ 细体 number IE5+
文字样式
CSS使用font-style属性设置文字分风格
<style type="text/css">
div{
font-stylet:normal|italic;
}
</style>
属性值 作用 normal 默认值,浏览器会显示标准的字体样式 italic 浏览器会显示斜体的字体样式
【注意】平时我们很少给文字加斜体,反而要给斜体标签(em,i)改为不斜字体
复合属性
字体属性可以把以上文字样式综合来写,这样可以更节约代码
<style type="text/css">
div{
font:font-style font-weight font-size/line-height font-family;
}
</style>
【注意】
- 不能改变书写顺序
- 不需要设置的属性可以省略,但是必须保留font-size和font-family ,否则font属性将不起作用
属性 | 表示 | 注意点 |
---|---|---|
font-size | 字号 | 通常用的单位是px,一定要更上单位 |
font-family | 字体 | 按照团队约定的字体 |
font-weight | 字体粗细 | 加粗700,正常400 |
font-style | 字体样式 | 倾斜italic,不倾斜normal |
font | 字体连写 | 1.顺序不能变2.字号和字体必须同时出现 |
CSS字体属性的更多相关文章
- CSS字体属性大全
文章转自:http://www.10wy.net/Article/CSS/CSS_list_8.html查看更多更专业性的文章请到:网页设计网 CSS字体属性 字体名称属性(font-family) ...
- 3.CSS字体属性
CSS Fonts(字体)属性用定义字体系列,大小粗细,和文字样式(如斜体) 3.1字体系列 CSS使用font-family属性定义文本字体系列 p { font-family:'微软雅黑' ;} ...
- CSS字体属性与文本属性
CSS字体属性与文本属性 1. 字体属性 1.1 字体系列font-family p { font-family: "Microsoft Yahei";/*微软雅黑*/ } /*当 ...
- css字体属性(font)
字体名称属性(font-family) 这个属性设定字体名称,如Arial, Tahoma, Courier等.例句如下: .s1 {font-family:Arial} 字体大小属性(fon ...
- CSS字体属性 font属性
CSS的所有字体属性: ·-· font 在一个声明中设置所有的字体属性 ·-· font-family 指定文本的字体系列 ·-· font-size 指定文本的字体大小 (属性值是整数字, ...
- 所有CSS字体属性
font(在一个声明中设置所有的字体属性) font-family(指定文本的字体系列) font-size(指定文本的字体大小) font-style(指定文本的字体样式) font-variant ...
- css字体属性相关。
出处:CSS 参考手册 http://www.w3school.com.cn/cssref/index.asp text-decoration 属性 说明:这个属性允许对文本设置某种效果,如加下 ...
- 解决谷歌浏览器设置font-family属性不起作用,(css中设置了font-family:没有用)css字体属性没用
嗯,这个问题百思不得解.其他的浏览器器都没问题,在谷歌上就不行,网上找了很多,都没效果,后才发现,当然同样的问题可能错不一样的地方,我的解决方案: 感觉主要原因是自己也没查到,乱改一堆,就OK啦: 1 ...
- CSS(2)---css字体、文本样式属性
css字体.文本样式属性 这篇主要讲CSS文本属性中的:字体样式属性 和 文本样式属性. 一.字体样式属性 CSS 字体属性主要包括:字体设置(font-family).字号大小(font-size) ...
随机推荐
- Java描述设计模式(04):抽象工厂模式
本文源码:GitHub·点这里 || GitEE·点这里 一.抽象工厂模式 1.生活场景 汽车生产根据用户选择的汽车类型,指定不同的工厂进行生产,选择红旗轿车,就要使用中国工厂,选择奥迪轿车,就要使用 ...
- ubuntu18.04 安装 搜狗输入法
一.安装fcitx sudo apt-get install fcitx-bin 因为搜狗拼音依赖fcitx,相关的依赖库和框架都会自动安装上. sudo apt-get install fcitx- ...
- SpringCloud的入门学习之深入理解Eureka注册中心
1.Eureka 注册中心三种角色. 答:a.Eureka Server,注册中心,通过 Register.Get.Renew 等接口提供服务的注册和发现. b.Application Service ...
- 【ASP.NET Core学习】入门
下面操作都是基于VS Code,Net Core3.0 创建 Web 应用项目 VS Code终端输入 dotnet new webapp -o aspnetcoreapp 创建一个名称为aspne ...
- 由浅入深了解RabbitMQ
简介 RabbitMQ是流行的开源消息队列系统.RabbitMQ是AMQP(高级消息队列协议)的标准实现.支持多种客户端,如:Python.Ruby..NET.Java.JMS.C.PHP.Actio ...
- 松软科技web课堂:JavaScript 事件
HTML 事件是发生在 HTML 元素上的“事情”. 当在 HTML 页面中使用 JavaScript 时,JavaScript 能够“应对”这些事件. HTML 事件 HTML 事件可以是浏览器或用 ...
- 松软科技web课堂:SQLServer之SUM() 函数
SUM() 函数 SUM 函数返回数值列的总数(总额). SQL SUM() 语法 SELECT SUM(column_name) FROM table_name SQL SUM() 实例 我们拥有下 ...
- Cesium专栏-视频投影(附源码下载)
Cesium Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品.它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精 ...
- MySQL中if的写法
关键词:IF --if 判断,如果 device_num 的值为1,则赋值为100,反之为200 SELECT district, shop_name, IF ( device_num , , ) A ...
- PHP匿名函数、闭包、function use
匿名函数,也叫闭包函数(closures) ,允许临时创建一个没有制定名称的函数.最常用作回调函数(callback)参数的值. 闭包函数也可以作为变量的值来使用.PHP将会自动把此种表达式转换成内置 ...