Уже уходишь?

Ну, ты это, не забывай!

+

Как сделать отступы на CSS

Всем привет! Погнали! Не-не-не, не так быстро! Ну вы блин даёте!

Из сео настроил отступы сверху и снизу в параграфах и картинках через css файл

В общем статью закончил к 2 ночи опять. Но минимальный план по сео оптимизации всё же нужно сделать, что-нибудь улучшив на каком-нибудь из сайтов.

Решил улучшить этот сайт. Отступов сверху и снизу в параграфах и картинках почти не было, были, но мальнькие, текст казался почти сплошным. Вот так это выглядело на примере этой статьи:

Отступы почти отстутствуют между параграфами.

Видите, отступов практически нет между параграфами. Я сделал чтобы было вот так, сразу другой вид:

Появились отступы между параграфами.

Отступы делаем следующим образом. За эти отступы отвечает файл стилей css. Который находиться в папке вашего шаблона для dle. В этом файле стилей прописаны теги, которые отвечают за вид вашего фаблона: шрифт, отступы, размеры шрифта, размеры ширины и высоты сайта, и тд.

Обычно и со 100% вероятность файлы стилей находятся в папке шаблона под название "style" или "css". Вот так они выглядят файлы стилей внутри:

Что прописано в файлах стилей css

Нам нужно найти какой тег отвечает за отображение параграфов в статье. Делается это так: если вы работает в интернете через браузер Мазилла, откройте любую страницу вашего сайта, кликните правой кнопкой мыши по любому предложению в статье, и в выпадающем меню выберите "Исследовать элемент".

Если вы работаете через Оперу, тогда выберите "Просмотреть код элемента".

Если через Гугл Хром, тогда выбираете "Просмотреть код". Обычно пункт просмотра элемента находится в самом низу выпадающего меню. И когда вы его нажмете на этот пункт, в браузере подгрузиться дополнительная рабочая панель, обычно внизу экрана. И в этой панели, которая обычно находится справа, будет показано в каком файле css и на какой строке в этом файле находится тег с атрибутом "margin".

Этот атрибут отвечает за отступы того или иного элемента HTML страницы.

Панель иследования стилей CSS элементов страницы HTML

 

Понравилась статья? Поделись с друзьями:
Рейтинг статьи:
Просмотров: 791
Оставить комментарий
Ваше имя: *
Ваш e-mail: *
Текст комментария:
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
Вопрос: Земля круглая или плоская? Укажите неправильный ответ.
Ответ: