Agile育成ブログ
未来を変える喜びを
HTML

font


Warning: count(): Parameter must be an array or an object that implements Countable in /home/xs638785/agile-software.site/public_html/wp-content/plugins/rich-table-of-content/functions.php on line 490

font-sizeプロパティにはpxやem、remという単位があります。

emは親要素のfont-sieを1とした倍率を指定するがremはhtmlのfont-sizeを1としたときの倍率で表し、htmlのfont-sieが10pxのとき、10*1.2=12px(1.2rem)となる

<div class="parent">
   親要素のテキスト
    <div class="child">
    子要素のテキスト
    </div>
</div>
html{
    font-size: 10px;
}
.parent{
    font-size: 1.2em;
}
.child{
    font-size: 1.2rem;
}

行間

line-heightプロパティを使用するとテキストの行の上下にスペースが

太字

You cannot copy content of this page