字体大小

属性名:front-size

取值:数字+px

注意点:谷歌浏览器的默认值是16px,单位需要设置,否则是无效的。

<style>p{font-size: 30px;}</style>
</head>
<body><p>今天也要加油啊!!!</p>
</body>

字体粗细

属性名:font-weight

关键字取值:

正常 normal
加粗 bold

纯数字取值:100~900的整百数

正常 400
加粗 700

注:不是所有字体都提供了9种粗细,因此部分取值页面中无变化

在实际开发中,以正常,加粗两种取值使用的最多。

<style>p{font-weight: bold;}.weight{font-size: 700;}</style>
</head>
<body><p>今天也要加油啊!!!</p><p class="weight">加油!</p>
</body>

字体样式

属性名:font-style

取值:

正常(默认值):normal

倾斜:italic

<style>#style{ font-style: italic;}</style>
</head>
<body><p id="style">加油</p>
</body>

字体样式的连写

属性名:font

取值:font:style,weight,size,family

顺序要求:可以是swsf

省略要求:只能省略前面两个,如果省略相当于设置了默认值

注意点:

如果需要同时设置单独和连写的形式

要么把单独的样式写在连写的后面

要么把单独的样式写在连写的里面(否则就相当于给同一个标签设置了两个相同属性。导致前面的被覆盖掉,所以写在后面。)

<style>p{font: italic 700 300px 楷体,宋体,隶书,sans-serif;}</style>
</head>
<body><p>即使放假也不能忘记学习</p>
</body>

CSS font-size字体相关相关推荐

  1. css font size 单位,css中font-size的单位总结:px、em、pt

    px:基于像素的单位.像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的. em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是 ...

  2. html字体相关的属性,CSS 字体属性font相关的用法

    phpweb设置字体名称属性(font-family) 这个属性设置页面中选择用哪种字体,常用的字体有:Simsun.Arial.Verdana.Helvetica. sans-serif等,定义方法 ...

  3. 第五章 css字体相关样式

    css字体相关 字体样式 <!DOCTYPE html> <html><head><meta charset="utf-8">< ...

  4. [前端笔记006]CSS布局之字体 -- font

    资源 推荐zeal:离线文档查看器 https://zealdocs.org/ 推荐w3c:线上文档 https://www.w3school.com.cn/ 本笔记参考视频,尚硅谷:BV1XJ411 ...

  5. 前端基础入门之css字体相关

    文章目录 字体 1. 字体相关的样式 2. font-family 3. 几种字体 手写体 艺术体 乱码字体 中文字体 4. @font-face 5. 图标字体(iconfont) 图标字体简介 f ...

  6. CSS属性之字体(Font)

    CSS属性之字体(Font) font:[ [ "| || ]? [ / ]? ]  复合属性,各属性见下文. 必须同时包含font-size和font-family,且这两个值顺序不能变, ...

  7. [css] 举例说明跟字体相关的属性有哪些

    [css] 举例说明跟字体相关的属性有哪些 font-size:字体大小 font-weight:字体粗细 font-family:字体类型 color:字体颜色 等等 个人简介 我是歌谣,欢迎和大家 ...

  8. android设置应用字体大小,在Android应用程序改变的TextView的字体大小从原始设置更改字体大小(Font size...

    我想在我的应用程序指定我自己的文字大小,但我有这样一个问题. 当我在设备设置中更改字体大小,我的应用程序的字体大小TextView也会改变. Answer 1: 其实,设置字体大小只影响大小sp . ...

  9. 【CSS】font-family的相关字体设置

    大家都知道,在不同操作系统.不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽相同,那么如何设置字体显示效果会比较好呢?下面我们逐步的分析一下: 一.字体基础知识 ...

  10. python使用matplotlib可视化、使用fontsize参数设置单个图像的字体的大小、使用rcParams.update参数全局设置字体的大小(font size)

    python使用matplotlib可视化.使用fontsize参数设置单个图像的字体的大小.使用rcParams.update参数全局设置字体的大小(font size) 目录

最新文章

  1. 想进大厂?50个多线程面试题,你会多少?(一)
  2. Nature调查 l 中国博士生们的科研围城
  3. Spring Cache抽象-使用SpEL表达式
  4. 从内容云到一云多屏 云计算助力传统媒体转型
  5. MySQL官方提供的测试数据库脚本和数据文件下载
  6. 代码执行-preg_replace
  7. dedecms首页怎么调用公司简介的内容
  8. not null primary key什么意思_explain都不会用,你还好意思说精通Mysql查询优化?
  9. 【渝粤题库】陕西师范大学202007 高等数学(二) 作业
  10. hdu3729(二分图)
  11. 看我如何从 icloud.com 中发现存储型 XSS并获$5000奖金
  12. Hibernate annotation配置方式的MappedBy使用详解
  13. 使用axure RP8 画UI原型图
  14. 深度学习中优化算法小结
  15. 在线存储 离线存储 近线存储
  16. 2020第四届全球程序员节观后感
  17. 数学建模--(2.2)拟合模型
  18. 188. 武士风度的牛 C++ bfs(宽度优先搜索)
  19. 关于php内部编码与mysql字符差异问题的研究
  20. HashMap的put方法原理

热门文章

  1. 助力智能网联发展,中认车联网与怿星科技合作实验室正式揭牌
  2. 如何学习SQL (转)
  3. 小陈Python学习笔记——小白笔记
  4. expdp报DBMS_AW_EXP等信息
  5. mysql drop fulltext_MySQL使用全文索引(fulltext index)
  6. 5G商用牌照发放,“以竞争促落地”,日常5G服务可期。
  7. VS2010出现“为帮助内容存储区指定的位置无效或者您无权访问该位置”的解决办法
  8. HtmlEncode是做什么的?
  9. 怎么把图片按12345....顺序排列?
  10. MySql 导入和导出数据