----关于css中常见单位----
2024-10-18 22:38:10
1.px
像素，绝对单位长度，可设定固定的长度大小。（像素是相对于显示器屏幕分辨率而言）
所有浏览器都显示为一样大小。
eg：
html:
<p>这是一段正常段落</p>
<p class="change">这是一个设置了大小为30像素大小的段落</p>
css:
p.change{font-size:30px}
效果如图：
2.em
值不固定，相对单位长度，会继承父级元素的字体大小。
em是以字为单位，1em是占一个字符的宽度，大小随着字符的字号而变化。
eg:
html:
<p>这是一段正常段落</p>
<p class="change">这是一个设置了大小为1.3em的段落</p>
css:
p.change {font-size:1.3em;}
效果如图：
3.rem
rem是CSS3新增的一个相对单位（root em，根em）
这个单位与em的区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。
通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。
4.fr
剩余空间分配数
fr单位被用于在一系列长度值中分配剩余空间，如果多个已指定了多个部分，则剩下的空间根据各自的数字按比例分配。
最新文章
- .NET单元测试的艺术-1.入门
- GitHUb 代码提交遇到的问题以及解决办法
- 用VC6开发嵌入式LINUX程序
- C#复制、粘贴文本信息到剪贴板
- 获取RenderedGeometry不对的处理
- C#获取当前页面的url
- 关于安装Android Studio的一些问题的解决方法
- mac下的改装人生——关于ssd
- ubuntu 调试库
- Linux环境Perl链接MS Sql Server数据库
- svn Server sent unexpected return value (403 Forbidden) in response to CHECKOUT
- mongoDB 文档操作_改
- HTML的块级元素和行内元素
- day-11函数的形参与实参
- 序列化 java.io.Serializable
- 概念吓死人的webservice
- Windows系统的消息机制
- 【Access-Control-Allow-Origin】跨域问题
- frame shiro 认证示例及原理简述
- 浙江工业大学校赛 XiaoWei的战斗力