CSS中的字体属性和使用

CSS字体属性：
定义字体的大小，字体系列，粗细和文字样式等；
（1）font-family

p  {font-family: "微软雅黑"；}
div {font-family; Arial,"Microsoft Yahei", "微软雅黑"；}

注意：
（1）各个字体之间必须使用英文状态下的逗号隔开；
（2）一般情况下，如果有空格隔开的多个单词组成的字体加引号；
（3）尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示。
（5）常见的字体：

body {font-family:'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB';}

字体大小：
font-size:

语法格式：
p {font-size: 20px;
}

字体的粗细：
font-weight:
语法格式：

 .bold {// font-weight: bold;font-weight: 700;//注意这里没有单位px}

属性值          描述
normal         默认值（不加粗）
bold             定义粗体（加粗的）
100-900       400等同于normal，而700等同于bold,注意这个数字后面不加单位。

文字样式：
font-style:
语法格式：

p {font-style: normal;
}

属性值                作用
normal               默认值，浏览器会显示标准的字体样式，font-style:normal
italic                   浏览器会显示斜体的字体样式（<em></em>）

字体的复合属性：把上面的代码综合起来，节约代码；

body {font: font-style font-weight font-size/line-height font-family;//注意这个顺序不能随意的颠倒
}

注意：font-size和font-family属性，否则font属性将不起作用。
例如：

.divt {/* font-style: italic;font-weight: bold;font-size: 16px;font-family: 'Microsoft YaHei'; */font:italic 700 16px 'Microsoft yahei';}

CSS中的字体属性和使用相关推荐

css字体像素教程,详解CSS中的字体属性的使用
字体族 font-family 示例: CSS Code复制内容到剪贴板 h2 {font-family:times,serif;} 注意:如果一个字体名多于一个单词(有空格),应该加上引号. 例如: ...
CSS中的字体属性和文本属性总结
文章目录一.字体属性 1.用行高让单行文本居中 2.font属性简写 3.字体加粗属性 4.大小写转换二.文本属性 1.空白处理 2.overflow属性:超出范围的内容处理一.字体属性 css ...
css 字体图标更改颜色_在CSS中更改字体
css 字体图标更改颜色 CSS字体属性 (CSS font properties ) Font properties in CSS is used to define the font family ...
CSS中对字体进行设置
在对字体设置的时候,我们可以设置字体的字体系列,字体的样式,字体的大小,字体加粗,和字体转换.下面我们来一一的对字体的这些设置进行分析. 字体系列: 在CSS中有两种类型的字体系列: 通用的字体系列: ...
【网页制作】CSS文本和字体属性讲解【附讲解视频】
1.CSS文本和字体属性的作用:给文本和字体设置样式(具体看第二部分) 注意:在html中我们可以省略单位,但CSS中不可以省略单位. 简单的说大多数情况在html的body标签中我们可以省略单位,但 ...
html怎么设置字体于字体的间隔,如何在css中设置字体间隔
如何在css中设置字体间隔发布时间:2021-05-15 15:39:05 来源:亿速云阅读:81 作者:Leah 如何在css中设置字体间隔?针对这个问题,这篇文章详细介绍了相对应的分析和解答, ...
c语言中边框所占两列一行,css中的border-collapse属性如何设置表格边框线？（代码示例）...
css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定 ...
css中文本指什么,CSS中的文本属性
本文总结一下CSS中关于文字的相关属性,最后给出实例. CSS基础文字属性文字的基础属性主要包括:字体.颜色和文本.除去颜色color的属性外,字体和文本的相关属性可以权威参考: CSS 文本属性( ...
浅析CSS中的overflow属性
随时随地技术实战干货,获取项目源码.学习资料,请关注源代码社区公众号(ydmsq666) overflow属性的作用是规定当内容溢出元素框时发生的事情,定义溢出元素内容区的内容会如何处理. overf ...

CSS中的字体属性和使用

CSS中的字体属性和使用相关推荐

最新文章

热门文章