美文网首页
CSS-字体样式属性

CSS-字体样式属性

作者: 哎呦呦胖子斌 | 来源:发表于2018-09-09 11:41 被阅读0次

font-size:字体大小

em:相对于当前对象内文本的字体尺寸
px:像素
in:英寸
cm:厘米
mm:毫米
pt:点
  尽量使用偶数的数字字号,IE6等老式浏览器支持奇数会有bug

font-family:字体

        常用的字体有宋体、微软雅黑、黑体等。可以同时制定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体,就会尝试下一个,直到找到合适的字体。

Unicode字体

        在CSS中设置字体名称,直接写中文是可以的,但是在文件编码不匹配时会产生乱码的错误,xp系统不支持类似“微软雅黑”这样的中文。
方案一:用英文代替
方案二:在css中直接使用unicode编码来写字体名称是可以避免这些错误的,使用unicode写中文字体名称,浏览器是可以正确解析的。
以后尽量写unicode字体。

font-weight:字体粗细

css实现字体加粗是没有语义的。
normal(400) bold(700) bolder lighter

font-style:字体样式

normal:指定文本字体样式为正常的字体
italic:指定文本字体样式为斜体
oblique:指定文本字体样式为倾斜的字体

总结

字体的综合设置
font:font-style font-weight font-size font-family
其中不需要设置的属性是可以省略的(取默认值),但必须保留font-size和font-family

相关文章

  • CSS-字体样式属性

    font-size:字体大小 em:相对于当前对象内文本的字体尺寸px:像素in:英寸cm:厘米mm:毫米pt:点...

  • css样式入门书目录

    css样式-字体属性 css样式-背景属性 css样式-边框属性 css样式-列表属性 css样式-定位属性 cs...

  • 2018-06-04

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

  • 3.字体样式-CSS基础

    一、字体样式 1.常用的字体样式属性 属性说明font-family字体类型font-size字体大小font-w...

  • 03-CSS文字文本样式

    CSS字体样式属性调试工具 目标 应用使用css字体样式完成对字体的设置使用css外观属性给页面元素添加样式使用常...

  • CSS相关---字体文本样式

    CSS字体样式属性调试工具 目标 应用使用css字体样式完成对字体的设置使用css外观属性给页面元素添加样式使用常...

  • 九、CSS字体属性与文本属性

    一、CSS字体属性与文本属性 1、CSS字体属性 CSS Fonts(字体)属性用于定义、大小、粗细、和文字样式(...

  • CSS-字体类样式

    一、字体类样式介绍 二、目录和代码 index.html index.css

  • CSS笔记3:样式属性

    7. 尺寸样式属性 8. 文本属性 9. 字体属性 10. 列表样式属性 例如:

  • CSS常用样式

    文字属性控制字体设置文本格式 边框 边界 列表符号属性 背景样式 连接属性 a 鼠标光标样式 边框基本样式属性 边...

网友评论

      本文标题:CSS-字体样式属性

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