Сергеева Наталья#60
Conversation
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
|
| p, | ||
| td | ||
| { | ||
| font-family: Century Gothic, Bookman Old Style; |
There was a problem hiding this comment.
лучше задавать не каждому элементу, а родителю, который содержит эти элементы
| font-family: Century Gothic, Bookman Old Style; | ||
| } | ||
|
|
||
| .tit p |
| </head> | ||
| <body> | ||
| <header> | ||
| <div class="tit"><p>Slamdunk</p></div> |
There was a problem hiding this comment.
Зачем внутри p? И без него можно обойтись
| <body> | ||
| <header> | ||
| <div class="tit"><p>Slamdunk</p></div> | ||
| <div class="dat"><p>ПОНЕДЕЛЬНИК, ОКТЯБРЬ 31, 2016</p></div> |
There was a problem hiding this comment.
то же самое + не пиши текст капсом, а используй text-transform: uppercase
| { | ||
| font-family: Bodoni MT Black, Bookman Old Style; | ||
| font-style: italic; | ||
| font-size: 500%; |
There was a problem hiding this comment.
Лучше размер шрифта либо указать в пикселях, либо в em при условии, что у родительского элемента указали font-size
| font-style: italic; | ||
| font-size: 500%; | ||
| text-align: center; | ||
| margin-top: 0; |
There was a problem hiding this comment.
без p не пришлось бы этого делать)
| .dat | ||
| { | ||
| font-family: Century Gothic, Bookman Old Style; | ||
| font-style: normal; |
| border-bottom-style: solid; | ||
| } | ||
|
|
||
| img |
There was a problem hiding this comment.
Лучше не использовать в селекторах теги, а использовать классы
| padding-top: 10px; | ||
| } | ||
|
|
||
| .allnews |
There was a problem hiding this comment.
почему этот класс называется allnews? Там не все новости)
|
|
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
для таблиц разные классы создала .results .schedule
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
При ширине 800px левые границы прилипают к браузеру, читать неудобно. Нужны какие-то отступы.
|
| { | ||
| font-family: 'Bodoni MT Black', 'Bookman Old Style'; | ||
| font-style: italic; | ||
| font-size: 5em; |
There was a problem hiding this comment.
Вот эти три строчки можно свернуть в
font: italic 5em 'Bodoni MT Black', 'Bookman Old Style';
There was a problem hiding this comment.
Также всем шрифтам следует указать дефолтное значение на случай, если шрифты не загрузятся (напр, serif, sans-serif)
| .date | ||
| { | ||
| font-family: 'Century Gothic', 'Bookman Old Style'; | ||
| font-size: 12px; |
There was a problem hiding this comment.
Также нужно свернуть два свойства в одно
|
🍅 |
|
Кстати, у меня до сих пор не появились шрифты. Похоже, ты их указала, но нигде не подключила |
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
Ты зачем-то подключила |
|
Что такое Bookman Old Style? Это нестандартный шрифт, а в списке подключенных я его не вижу. К тому же, при определении шрифтов, все еще не указаны шрифты по умолчанию. Можно вот здесь почитать: http://htmlbook.ru/css/font |
| { | ||
| font-family: 'Bodoni MT Black', 'Bookman Old Style'; | ||
| font-style: italic; | ||
| font: italic 'Bodoni MT Black', 'Bookman Old Style'; |
|
🍅 |
4 participants
Посмотреть решение