美文网首页
CSS样式-字体(font)

CSS样式-字体(font)

作者: Am3 | 来源:发表于2019-06-03 11:08 被阅读0次

css字体

属性 描述
font 简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-size 设置字体的尺寸。
font-family 设置字体系列。
font-weight 设置字体的粗细。
font-style 设置字体风格。

font-size:文字大小

body {
    font-size : 12px;
}

font-family:字体

  • XP系统不支持微软哑黑的中文,可以使用英文或者Unicode编码代替
  • 可以同时指定多个字体,中间以逗号隔开,如果浏览器不支持第一个字体,则会尝试下一个,直到找到合适的字体

p{ font-family:"Microsoft YaHei";}

字体名称 英文名称 Unicode编码
宋体 SimSun \5B8B\4F53
新宋体 NSimSun \65B0\5B8B\4F53
黑体 SimHei \9ED1\4F53
微软雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1
楷体_GB2312 KaiTi_GB2312 \6977\4F53_GB2312
隶书 LiSu \96B6\4E66
幼园 YouYuan \5E7C\5706
华文细黑 STXihei \534E\6587\7EC6\9ED1
细明体 MingLiU \7EC6\660E\4F53
新细明体 PMingLiU \65B0\7EC6\660E\4F53

font-weight(文字粗细)

  • 使用normal、bold、bolder、lighter、100~900(100的整数倍)来设置
  • 其中normal=400, bold=700;

font-style(字体风格)

  • normal:默认值,浏览器会显示标准的字体样式。
  • italic:浏览器会显示斜体的字体样式。
  • oblique:浏览器会显示倾斜的字体样式。

font综合设置样式

语法如下:

选择器{font: font-style font-weight font-size/line-height font-family;}

  • 其中不需要设置的属性可以省略(取默认值),但须保留font-size和font-family属性,否则font属性将不起作用。
  • line-height设置行与行之间的高度

相关文章

  • 2018-06-04

    字体的样式 CSS 属性: 字体样式(Font Style) 1 字体样式 {font:font-style fo...

  • CSS字体样式

    1、CSS样式字体属性 font-size:字号大小font-family:设置字体unicode字体 CSS注释...

  • DIV+CSS网页布局常用基础

    文件命名规范全局样式:global.css框架样式:layout.css字体样式:font.css链接样式:lin...

  • css font属性解析

    css font样式,具体什么意思?代码如: 解释: 这是css中font的简写写法。字体:字体大小/字体行高 字...

  • CSS网页布局的常用规范

    一、文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css;...

  • 小白前端06-CSS字体/外观/背景

    1.CSS字体样式 1.1 font字体 1.1.1 font-size:大小 作用:设置字号 语法:p{ fo...

  • css字体样式

    css写字体样式 关键字为“font”,有“font-width、font-family、font-size、fo...

  • css样式整理

    css样式整理 字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small...

  • 整理常用CSS

    字体属性:(font) CSS文字属性: CSS边框空白 CSS符号属性: CSS背景样式: 指定背景位置 CSS...

  • 2019-01-25 css 字体样式设置大全

    css样式大全(整理版) 字体属性:(font) 大小 {font-size: x-large;}(特大) xx-...

网友评论

      本文标题:CSS样式-字体(font)

      本文链接:https://www.haomeiwen.com/subject/paaqxctx.html