首页 > 其他分享> > CSS渡一教程学习笔记(七)--单行文字水平居中，pm与em的区别。

CSS渡一教程学习笔记(七)--单行文字水平居中，pm与em的区别。

2019-06-14 16:03:09 作者：互联网

单行文字水平居中

div{
        width: 400px;
        height: 400px;
        border: 1px solid black;
        /*水平居中*/
        text-align:center;
        /*单行垂直居中*/
        line-height: 400px;
        /*line-height:文字行高，不等于文字大小(高度) 如果等于div高度，则单行文字居中*/
        /*text-incident:2em;缩进两个文字
        /*
        span
        {
        text-decoration:line-through;可以给文本加中划线，类似于<del></del>标签效果，
        del中设置text-decoration:none;可以去掉中划线。
        text-decoration:underline;设置下划线
        text-decoration:overline;设置上划线
        cursor:pointer;光标提示符
        }

        */

    }
</style>

<body>
<div>上周我已经回答了类似问题</div>
</body>

在这里插入图片描述

pm与em的区别

单位:分为绝对单位和相对单位
绝对单位:m cm mm(无论处于何处，其量度不变)
相对单位:px(像素)是一种相对单位,一英寸里面可以容纳多少个像素，像素量度不固定
em也是一种相对单位 lem = 1 font-size;=16px;默认如此，但如果你在div中
设置font-size为20px;那么 1em = 20px;
px、em、rem都是计量单位，都能表示尺寸，但是有有所不同，而且其各有各的优缺点。

Px表示“绝对尺寸”（并非真正的绝对），实际上就是css中定义的像素（此像素与设备的物理像素有一定的区别，后续详细说明见文末说明1），利用px设置字体大小及元素宽高等比较稳定和精确。Px的缺点是其不能适应浏览器缩放时产生的变化，因此一般不用于响应式网站。
em表示相对尺寸，其相对于当前对象内文本的font-size（如果当前对象内文本的font-size计量单位也是em，则当前对象内文本的font-size的参考对象为父元素文本font-size）。使用em可以较好的相应设备屏幕尺寸的变化，但是在进行元素设置时都需要知道父元素文本的font-size及当前对象内文本的font-size，如有遗漏可能会导致错误。
rem也表示相对尺寸，其参考对象为根元素的font-size，因此只需要确定这一个font-size。

标签：em,渡一,文本,文字水平,text,像素,font,size
来源： https://blog.csdn.net/zhou_shadow/article/details/91979139