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

单行文字水平居中

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。

猜你喜欢

转载自blog.csdn.net/zhou_shadow/article/details/91979139
今日推荐