本篇内容介绍了“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;
}
发布时间:2022-03-10 14:22:15
来源:百云主机这篇文章主要为大家展示了“HTML中HTML简单的 标签学习 实例 一个简单的 HTML 表格,包含两列两行: Month Savings January $100 浏览器支持 所有主流浏览器都支持 标签 标签定义及使用说明 标签定义 HTML 表格中的行。 …
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。