@mirador

Нормально ли сверстал свой первый шаблон?

Здравствуйте.Начал недавно в свободное время изучать html&css,вот решил сверстать свой первый небольшой psd. Сверстал приблизительно за 8 часов. Заранее спасибо =)
Файлы
Сам сайт
P.S. Догадываюсь,что css не оптимизированный =)

Сейчас появилась какая-то проблема в Chrome,не загружает картинки adspace.jpg в div id="space",в консоли пишет "Failed to load resource: net::ERR_BLOCKED_BY_CLIENT". Во всех остальных браузерах работает и сам локальный файл Chrome загружает без проблем.Прошу помочь
  • Вопрос задан
  • 432 просмотра
Пригласить эксперта
Ответы на вопрос 6
@Zvezdocheteg
Используй классы в наименование элементов, а id это уникальное имя элемента которое в документе может использоваться только один раз. Я смотрю пытался использовать его несколько раз в секции контент вот из за этого и не вышло.
!important использовать очень плохо !
Вертикальные margin элементам которые расположены друг под другом лучше задавать с низу (то есть толкать элемент лежащий ниже), таким как у тебя в секции блог.
Социальные иконки лучше делать через список ul > li > a , выравнивание применять к li, остальные стили к "a".

Пройди курсы на https://htmlacademy.ru/courses , там самая основа, и потом еще сверстай макет на закрепление.
И вот чеклист по верстке на будущее https://github.com/delka/html5checklist/

да и советую освоить гитхаб чтобы туда выкладывать свою верстку, да и вообще полезная штука.
Удачи в обучении старт положен это главное !!))
Ответ написан
Комментировать
za4me
@za4me
Человек
Сделайте себе бесплатный аккаунт на хостингере, и не мучайте людей codepenом для просмотра ваших шаблонов :)

upd: использование id не комильфо
Ответ написан
Комментировать
Sergey_net_it
@Sergey_net_it
программист
Ссылка битая....
Ответ написан
Комментировать
AndreyBerezhnoy
@AndreyBerezhnoy
WordPress Developer at The White Label Agency
reset.css морально устарел.

смотрите в сторону normalize.css
Ответ написан
Комментировать
kamikadze1996
@kamikadze1996
{[]}
В общем неплохо, нет ничего лишнего. В коде есть правда некоторые недочеты
Ответ написан
sadisme
@sadisme
font-size:30rem
Использовать ID - плохо. Юзайте классы.
Если используете html5, то используйте и такие эл-ты как header, footer, nav, article, aside...
Задавать line-height в px - плохо. Оставляйте просто число без ед.измерения.
Картинкам не забывайте vertical-align:top задавать, а то будут отступы.
Картинки которые к оформлению относятся, желательно в css background задавать.
Кнопкам

Есть ещё много мелких моментов, но это основное.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
25 апр. 2024, в 09:29
2500 руб./за проект
25 апр. 2024, в 09:27
4000 руб./за проект
25 апр. 2024, в 09:20
10000 руб./за проект