| |
|
|
| |
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Универсальный селектор</title>
<style type="text/css">
* {
font-family: Arial, Verdana, sans-serif; /* Рубленый шрифт для текста */
font-size: 120%; /* Размер текста */
}
</style>
</head>
<body>
Рубленый шрифт для текста BODY<br>
<span>Рубленый шрифт для текста SPAN</span>
<div>Рубленый шрифт для текста DIV</div>
<p> Рубленый шрифт для текста P</p>
<u> Рубленый шрифт для текста U</u>
<table border=1><tr><td><u> Рубленый шрифт для текста U TD</u><br>Рубленый шрифт для текста TD</td></tr></table>
</body>
</html>
|
Почему размеры шрифта разные в разных элементах? Причем одинаково во всех браузерах. | |
| |
|
|
| |
|
|
| |
для: AlexShag
(25.12.2012 в 15:56)
| | | В скрипте задан размер шрифтов так: font-size: 120%;
А можете сказать 120% от чего? | |
| |
|
|
| |
|
|
| |
для: Yuriev
(25.12.2012 в 17:47)
| | | Даже если я напишу font-size: 1.2em; то эффект тот же.
Я так полагал, что есть некий размер шрифта по умолчанию и от него берем 120%. Ведь если не указывать размер шрифта вообще то все надписи отображаются шрифтом одинакового размера. Так почему же если я увеличиваю этот размер на 20% то в разных элементах размер шрифта меняется по разному? | |
| |
|
|
| |
|
|
| |
для: AlexShag
(25.12.2012 в 18:35)
| | | Em - это тоже относительно, как и проценты
Может потому, что тэги вложены и по цепочке наследуют увеличение шрифта да плюс (точнее умножить) своё заданное знаком * увеличение?
120% - первое вложение в 1,2 раза больше;
120% - второе вложение в 1,2 (предка) * 1,2 (своё) = 1,44 раза больше от пра-предка;
и т. д. | |
| |
|
|
| |
|
|
| |
для: Yuriev
(26.12.2012 в 14:23)
| | | +1 | |
| |
|
|
| |
|
|
| |
для: Yuriev
(26.12.2012 в 14:23)
| | | Идея интересная. Но если без всяких вложений я пишу строку прямо в <body> с размером 1em, замеряю длину строки линейкой, потом меняю размер шрифта на 2em то реальный размер строки в сантиметрах увеличивается не в 2 раза, а примерно в 4 раза.
P.S. Кажись допер. Если задавать размер через * то срабатывает и увеличение для <html>, а потом ещё и для <body>
P.P.S Коварен ентот CSS :-) | |
| |
|
|
| |
|
|
| |
для: AlexShag
(27.12.2012 в 16:36)
| | | был у меня заказчик, который мерил линейкой элементы на экране...
с него смеялся весь офис :) | |
| |
|
|
