Question

font-size的示例

Answer 1

.test p {
margin: 15px 0;
border: 1px solid#000;
}
.xx - small p {
font - size: xx - small;
} /*尺寸大小为xx - small：xx - small尺寸的文字。*/
.x - small p {
font - size: x - small;
} 尺寸大小为x - small：x - small尺寸的文字。
.small p {
font - size: small;
}/*尺寸大小为small：small尺寸的文字。*/
.medium p {
font - size: medium;
}/*尺寸大小为medium：medium尺寸的文字。*/
.large p {
font - size: large;
}尺寸大小为large：large尺寸的文字。
.x - large p {
font - size: x - large;
}尺寸大小为x - large：x - large尺寸的文字。
.xx - large p {
font - size: xx - large;
}尺寸大小为xx - large：xx - large尺寸的文字
.smaller p {
font - size: smaller;
}尺寸大小为samller：samller尺寸的文字。
.larger p {
font - size: larger;
}尺寸大小为larger：larger尺寸的文字。
.float p {
font - size: 20px;
}尺寸大小为20px：20px尺寸的文字。
.percentage {
font - size: 20px;
}尺寸大小为20px：父对象20px尺寸的文字。
.percentage span {
font - size: 60 % ;
}我的尺寸只是父对象的60 %