美文网首页
css百分比使用总结

css百分比使用总结

作者: 时间de歌 | 来源:发表于2017-09-15 13:48 被阅读7次

    可以使用百分比的属性:
    定位:top,right,bottom,left;
    盒模型:height,width,margin,padding,
    背景:background-position,background-size(css3),
    文本:text-indent,
    字体:font-size;

    包含块的宽度:width/min-width/max-width、 margin、padding、left/right、text-indent;
    包含块的高度:height/min-height/max-height、top\bottom、
    元素的字体大小: line-height
    元素的行高:vertical-align

    background-position:

    • 0% 0%: left top
    • 50% 50%; center center;
    • 100% 100%: right bottom

    字体%:父级字体的px值

    em

    • 使用在font-size上: 以父级字体大小
    • 其他属性上: 以自身字体的大小

    百分比无法继承

    相关文章

      网友评论

          本文标题:css百分比使用总结

          本文链接:https://www.haomeiwen.com/subject/bemssxtx.html