• HTML5 的段落首行缩进


    text-indent:0em;表示当前行不需要缩进,文本顶头开始。这个属性可以用在  div  p等元素下面

    文本首行的缩进(在首行文字之前插入指定的长度)

    p {
    line-height: 2em; //行间距(应该是2倍行间距的意思)
    text-indent: 2em; //首行缩进2个字
    font-style: normal; // 默认字体
    }

    下面这个备用

    margin-top:0.5em;

    em指字体高,任意浏览器的默认字体高都是16px.所以未经调整的浏览器都符合:1em=16px.那么12px=0.75em,10px=0.625em.为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px,这样12px=1.2em,10px=1em,也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了.em有如下特点:
    1.em的值并不是固定的;
    2.em会继承父级元素的字体大小.
    重写步骤:
    1.body选择器中声明Font-size=62.5%;
    2.将你的原来的px数值除以10,然后换上em作为单位;
    简 单吧,如果只需要以上两步就能解决问题的话,可能就没人用px了.经过以上两步,你会发现你的网站字体大得出乎想象.因为em的值不固定,又会继承父级元 素的大小,你可能会在content这个div里把字体大小设为1.2em,也就是12px.然后你又把选择器p的字体大小也设为1.2em,但如果p属于content的子级的话,p的字体大小就不是12px,而是 1.2em=1.2 * 12px=14.4px.这是因为content的字体大小被设为1.2em,这个em值继承其父级元素body的大小,也就是16px * 62.5% * 1.2=12px,而p作为其子级,em则继承content的字体高,也就是12px.所以p的1.2em就不再是12px,而是14.4px.
    3.重新计算那些被放大的字体的em数值.避免字体大小的重复声明,也就是避免以上提到的1.2 * 1.2= 1.44的现象.比如说你在#content中声明了字体大小为1.2em,那么在声明p的字体大小时就只能是1em,而不是1.2em,因为此em非彼em,它因继承#content的字体高而变为了1em=12px. 

    推荐大家个朋友开的淘宝小店店, 

    https://shop545764523.taobao.com/

  • 相关阅读:
    IDEA搭建《算法》第四版的开发环境
    tomcat源码环境搭建
    cap定理
    idea jdk 源码搭建
    2020-04-07 学习记录
    idea 格式化代码
    Ajax工作原理
    prototype封装继承
    作用域
    原型链的原理
  • 原文地址:https://www.cnblogs.com/isItOk/p/5311288.html
Copyright © 2020-2023  润新知