CSS长度单位em怎么使用

小天博客 • 01/14 11:32 • 程序猿 • 阅读 12

本篇内容介绍了“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;
}

相关推荐: HTML中标签怎么用

发布时间：2022-03-10 14:22:15
来源：百云主机

这篇文章主要为大家展示了“HTML中HTML简单的标签学习实例一个简单的 HTML 表格，包含两列两行： Month Savings January $100 浏览器支持所有主流浏览器都支持标签标签定义及使用说明标签定义 HTML 表格中的行。 …