CSS font-size字体相关
字体大小
属性名: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字体相关相关推荐
- css font size 单位,css中font-size的单位总结:px、em、pt
px:基于像素的单位.像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的. em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是 ...
- html字体相关的属性,CSS 字体属性font相关的用法
phpweb设置字体名称属性(font-family) 这个属性设置页面中选择用哪种字体,常用的字体有:Simsun.Arial.Verdana.Helvetica. sans-serif等,定义方法 ...
- 第五章 css字体相关样式
css字体相关 字体样式 <!DOCTYPE html> <html><head><meta charset="utf-8">< ...
- [前端笔记006]CSS布局之字体 -- font
资源 推荐zeal:离线文档查看器 https://zealdocs.org/ 推荐w3c:线上文档 https://www.w3school.com.cn/ 本笔记参考视频,尚硅谷:BV1XJ411 ...
- 前端基础入门之css字体相关
文章目录 字体 1. 字体相关的样式 2. font-family 3. 几种字体 手写体 艺术体 乱码字体 中文字体 4. @font-face 5. 图标字体(iconfont) 图标字体简介 f ...
- CSS属性之字体(Font)
CSS属性之字体(Font) font:[ [ "| || ]? [ / ]? ] 复合属性,各属性见下文. 必须同时包含font-size和font-family,且这两个值顺序不能变, ...
- [css] 举例说明跟字体相关的属性有哪些
[css] 举例说明跟字体相关的属性有哪些 font-size:字体大小 font-weight:字体粗细 font-family:字体类型 color:字体颜色 等等 个人简介 我是歌谣,欢迎和大家 ...
- android设置应用字体大小,在Android应用程序改变的TextView的字体大小从原始设置更改字体大小(Font size...
我想在我的应用程序指定我自己的文字大小,但我有这样一个问题. 当我在设备设置中更改字体大小,我的应用程序的字体大小TextView也会改变. Answer 1: 其实,设置字体大小只影响大小sp . ...
- 【CSS】font-family的相关字体设置
大家都知道,在不同操作系统.不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽相同,那么如何设置字体显示效果会比较好呢?下面我们逐步的分析一下: 一.字体基础知识 ...
- python使用matplotlib可视化、使用fontsize参数设置单个图像的字体的大小、使用rcParams.update参数全局设置字体的大小(font size)
python使用matplotlib可视化.使用fontsize参数设置单个图像的字体的大小.使用rcParams.update参数全局设置字体的大小(font size) 目录
最新文章
- 想进大厂?50个多线程面试题,你会多少?(一)
- Nature调查 l 中国博士生们的科研围城
- Spring Cache抽象-使用SpEL表达式
- 从内容云到一云多屏 云计算助力传统媒体转型
- MySQL官方提供的测试数据库脚本和数据文件下载
- 代码执行-preg_replace
- dedecms首页怎么调用公司简介的内容
- not null primary key什么意思_explain都不会用,你还好意思说精通Mysql查询优化?
- 【渝粤题库】陕西师范大学202007 高等数学(二) 作业
- hdu3729(二分图)
- 看我如何从 icloud.com 中发现存储型 XSS并获$5000奖金
- Hibernate annotation配置方式的MappedBy使用详解
- 使用axure RP8 画UI原型图
- 深度学习中优化算法小结
- 在线存储 离线存储 近线存储
- 2020第四届全球程序员节观后感
- 数学建模--(2.2)拟合模型
- 188. 武士风度的牛 C++ bfs(宽度优先搜索)
- 关于php内部编码与mysql字符差异问题的研究
- HashMap的put方法原理
热门文章
- 助力智能网联发展,中认车联网与怿星科技合作实验室正式揭牌
- 如何学习SQL (转)
- 小陈Python学习笔记——小白笔记
- expdp报DBMS_AW_EXP等信息
- mysql drop fulltext_MySQL使用全文索引(fulltext index)
- 5G商用牌照发放,“以竞争促落地”,日常5G服务可期。
- VS2010出现“为帮助内容存储区指定的位置无效或者您无权访问该位置”的解决办法
- HtmlEncode是做什么的?
- 怎么把图片按12345....顺序排列?
- MySql 导入和导出数据