Помощник
|
Перекрывается свойство font-size родителем. Почему - не понятно. |
shurik_shynk
|
Сообщение
#1
|
||
|
|
||
|
|||
Wins |
9.5.2015, 15:42;
Ответить: Wins
Сообщение
#2
|
|
Ну потому что у вас синтаксическая ошибка
как должно быть [CSS]body { font: arial; font-size: 120%; font-weight: bold; } div { font-size: 100%; font-weight: normal ; }[/CSS] и как у вас [CSS]body { font: arial; font-size: 120%; font-weight: bold; } div { font-size: 100% font-weight: normal ; }[/CSS] Найдите 1 отличие)) |
|
|
shurik_shynk
|
Сообщение
#3
|
|
Поставил точку с запятой. - Случайно удалил когда пробовал безрезультатно добавить инструкцию "!important".
[CSS]div { font-size: 100%; font-weight: normal ; }[/CSS] Проблема осталась |
|
|
Wins |
9.5.2015, 16:08;
Ответить: Wins
Сообщение
#4
|
|
Кроме этого есть еще другие стили?
А лучше выложите сюда код, просто если брать пустой документ html и вставить в него этот код то все отлично работает ну и по специфике css все должно быть норм body не перекрывает div, а у вас перекрывает, значит есть еще какой то код в котором ошибка |
|
|
shurik_shynk
|
Сообщение
#5
|
|
Кроме этого есть еще другие стили? А лучше выложите сюда код, просто если брать пустой документ html и вставить в него этот код то все отлично работает ну и по специфике css все должно быть норм body не перекрывает div, а у вас перекрывает, значит есть еще какой то код в котором ошибка my.html <HTML> <HEAD> <meta charset="windows-1251"/> <TITLE>news</TITLE> <link rel="stylesheet" type="text/css" href="style.css" /> <BR> </HEAD> <BODY> новости<br> <div> внутри div<br> <a href="http://newsru.com/"> newsru.com </a><br> <a href="http://www.vesti.ru/"> вести.ru </a> </div> </BODY> </HTML> style.css [CSS]body { background-color: #BCFEF5; font: arial; font-size: 140%; font-weight: bold; } div { border: 1px dotted green; background-color: #F1F8E0; padding: 10px; font-size: 100%; font-weight: normal; }[/CSS] |
|
|
Wins |
9.5.2015, 16:44;
Ответить: Wins
Сообщение
#6
|
|
Ну во первых не указан doctype, во вторых желательно кодировка utf-8, в третьих не пишите капсом
итого <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html" /> <meta name="author" content="vasya" /> <title>Неназванный 1</title> </head> <body> <style> body { background-color: #BCFEF5; font: arial; font-size: 140%; font-weight: bold; } div { border: 1px dotted green; background-color: #F1F8E0; padding: 10px; font-size: 100%; font-weight: normal; } </style> <div> внутри div <a href="http://newsru.com/"> newsru.com </a> <a href="http://www.vesti.ru/"> вести.ru </a> </div> </body> </html> ну и у вас у body font-size: 140%; задайте div font-size: 60%; и увидите разницу, а проще смотрите через отладчик в браузере правая кнопка, и там будет просмотреть код элемента, или проэксперементировать, или что то в этом роде, смотря что за браузер |
|
|
shurik_shynk
|
Сообщение
#7
|
|
|
Да, как оказалось все правильно работает - когда указываем font-size в процентах, то это в процентах от родительского значения, в данном случае от <body>. Если установить font-size: 60% для <div>, то разница становится очевидной.
Большое спасибо пользователю Wins
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Почему нельзя давать рекламу на бренд? | 6 | Bilish | 1359 | 12.1.2020, 13:47 автор: BLIK |
|
Почему стоит выбрать именно Berileads? | 2 | leadkreditrf | 1833 | 27.11.2019, 12:39 автор: -leadkreditrf- |
|
Почему слайдер не работает в IE ? | 1 | GTAlex | 1398 | 2.11.2016, 11:53 автор: BLIK |
|
Почему мой контент называют Королевским? Продающие тексты и SEO-статьи роскошного качества за 1-2 дня |
36 | Octavodia | 12983 | 22.10.2015, 18:19 автор: grumdas |
|
"Почему так дешево?" Рерайт/Копирайт. Качественный контент по низким ценам! |
17 | Vadim_text | 6249 | 9.10.2015, 15:23 автор: Octavodia |
Текстовая версия | Сейчас: 24.4.2024, 18:53 |