CSS长度单位em怎么使用
发表于:2024-11-30 作者:千家信息网编辑
千家信息网最后更新 2024年11月30日,本篇内容介绍了"CSS长度单位em怎么使用"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、为什么使
千家信息网最后更新 2024年11月30日CSS长度单位em怎么使用Document
本篇内容介绍了"CSS长度单位em怎么使用"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
一、为什么使用em
em也是css中的一种单位,和px类似。很多人会疑惑为什么有了px之后还要使用em,而且em使用起来相对于px来讲比较麻烦。
em主要是应用于弹性布局,下面给出一个小栗子说明em的强大之处
*{
margin:0;
padding:0;
}
ul{
list-style:none;
}
.top{
height:80px;
background-color:black;
}
.main{
width:960px;
background-color:#ccc;
margin:0auto;
overflow:hidden;
}
.left{
width:30%;
height:100%;
background-color:aqua;
border:1pxsolidred;
float:left;
font-size:16px;
line-height:18px;
}
.right{
width:60%;
height:100%;
font-size:1em;
line-height:1.125em;
background-color:deeppink;
border:1pxsolidred;
float:right;
}
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例,没有em的情况
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处
- em测试用例有em的强大之处