Задать вопрос
@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 просмотра
Подписаться 1 Оценить 6 комментариев
Пригласить эксперта
Ответы на вопрос 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 задавать.
Кнопкам

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

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

Похожие вопросы