???? ?

??????? ???????????? ??? ??? ????? ????? ????? ?????????

• ?????? ??? ???? ??????? ???? ??????? ?????? ???? ???????.
• ???? ????? ??????^{???? ??????? ?????????}.
• ?????? ??? ???????? ?????? ?????? ??????? ???????? ? ????

?

^{???? ??????? ?????????}????? ??????? ?? ???

???? ??????? ????.??????? CSS 2.1*

?????? ?? "???? CSS" ? ????? ????? ??? ??? ?????? ???????.???? ???? ???????? ????? ??? ??????? ????? ????? PageSpeed Insights ?? ???? ??? ???? ??? ???? ???? ???? ?? ???? ?????? ????.

?

1. ?????? ??? ???? ??????? ?? 16 CSS ????. ???? ??? ???? ??? ?????? ????? ?????? ???? ???? ???? ????????.
2. ???? ?? ??? ?????? ????????? ????? ???????: ???? ?? ???? ??? ???? ???? ?? ?????? ?????? ?????? ??? ??? ????? ???? ????? ??????? ??????? ??????.
3. EM ??????? ??????? ?? ????? "?????": ????? ???????? ???? ????? ???? ???? ???????? ??????. 1 EM ????? 100 ?.
4. ?????? ??? ?? ???? ?????: ?????? (px) ? ?????? (pt) ? EM(em) ??????? ??????? (?).

?? ????? ??? ??????? ?????? ????? ???? ????? ??? ????? ???? ????? ???? ????. ????? ??? ???? ??????? ??? ????? ?? ????? ??? ??? ? ??? ?????? ??? ???????? ??? ??? ??????? ???? ???? ????? ???? ??????? ??? ????? ???????. ???? PageSpeed Insights ???? ??????? ??? ???? ????? ?????? ?? ??? ?? ? ??? ????? ????? ???? ???? ???? ???????.

body {
  font-size: 16px;
}

.small {
  font-size: 12px; /* 75% of the baseline */
}

.large {
  font-size: 20px; /* 125% of the baseline */
}

?

?????? ? ??? ?? ?????? ??????: ????? ? ??????? ? ???. ???? ??????? ? ???? ??????? ?? ?? ?? 16 ???? (CSS ????). ????? ??? ??????? ????????? ??? ???? ??????? ? ???? ?? ????? ??? ?????? ??????? ??? ????? ????? ? ??? ???? ??? ????? ????? ??? ?? ??????? ??? ?? ???? ?????? ??????? ???????? ????. ??? ??? ? ??? ????? ????? ????????? ? ???? ????? ???? ???? ????? ????? ???? ?????? ????????? ? ???? ???? ??? ???? ??????? ???????? ????????? ?????? ?? ????????? ??? ???? ?????.???? ??????.

?????? ?? ?? ?????? ???? ?????? ??? ?? ????? ?? ?? ????. ??? ????? ???? ????? ? ???? ????? ??? ???????? ???????? ?????:????? ?? ??? ?? ???? ??? ??? ????? ????? ????? ??? ?????? ? ??? ????? ????? ??? ????? ??????? ?????? ????? ??? ??. ???? ????? ???????? ????? ????????? ??????? ??????? 1.2em.???? ????? ? ???? ?????? ??? ???? ???????? ??????. ???? ??? ? ?? ??? ????? ??? ???????? ????????? ????? ???? ?? ??????? ????????? ?? ???? ?? ???? ? ???? ??? ????? ?? ?? ??? ??????? ?? ????? ????? ????? ? ??? ???? ?? ????? ???????? ????? ?? ?????? ???????. ???? ????? ?????? ?????? ????? ??? ????? ????? ??? ??? ?????.

? ???? ????? ????? ????? ?????. ????? ????????? ??? ????? ???? ??? ?????? ???: ???? ? ??????? ? ?????? ? ????? ?????. ???????? ??? ??? ? ???? ??? ???? ???? ?????? ?????? ??? ?? 1 ???? ?? CSS ?? ????? ???????? 1 ???? ?????.

??? ????? ?????? ???? ????? ???????. ???? ???? ?? 0.75 ????

??? ???? ?????? ? ???? ????? ??? CSS ?????? ??? ???? ??????? ?? 16 ???? CSS ? ??? ??? ????? ??? ???? ??? ??? 75 ? ?? ??? ???? ??????? (?? 12 ???? CSS) ?? ??? CSS "small" ? ?? ??? CSS "large" ? ??? ????? ??? ???? ??? ??? 125 ? ?? ??? ???? ??????? (?? 20 ???? CSS):

?

???????? ?????? ????? ??? ????? ??? ?????? ???? ?? ?????????? ???????? ????????? 3.0 License)? ?????? ?????? ??????? ????? ??????? (???? Apache 2.0 License?? ??? ?????????? ???????????? ????????.