Блог

Главная - Вопросы по программированию - Переместить встроенный CSS в отдельный файл CSS

Переместить встроенный CSS в отдельный файл CSS

#css

#css

Вопрос:

Я хочу удалить следующее с html-страницы и добавить его в существующую таблицу css. Должен ли я делать что-то особенное, например, создавать новые .mynewclass или просто удалять <style> теги? 

 <style>
    <!--
    .rightAlign
    {
       text-align:right;
    }

    .leftPad05em
    {
       padding-left:0.5em;
    }

    .bottomPad05em
    {
       padding-bottom:0.5em;
    }

    .topPad05em
    {
       padding-top:0.5em;
    }

    .topBottomPad1em
    {
       padding:1em 0em 1em 0em;
    }

    .bottomControl
    {
       padding-left:14.5em;
    }
    -->
</style>

Ответ №1:

добавьте свои стили во внешнюю таблицу стилей, например — default.css

Включите их в эту таблицу стилей —

 .leftPad05em { padding-left:0.5em; }
.bottomPad05em { padding-bottom:0.5em; }
.topPad05em { padding-top:0.5em; }
.topBottomPad1em { padding:1em 0em 1em 0em; }
.bottomControl { padding-left:14.5em; }

и в свой header включите это —

<link href="default.css" rel="stylesheet" type="text/css">

Это вызывает default.css таблицу стилей. Обратитевнимание, href="value" где находится таблица стилей

Комментарии:

1. Спасибо, что уделили время помощи другим 🙂

Ответ №2:

Если существующий файл CSS уже импортирован в HTML, то перемещение встроенного CSS из HTML в файл должно сработать.

Ответ №3:

В этом случае достаточно написать код для встраивания css в ваш файл CSS. Проверьте, существуют ли классы уже. Если это так, добавьте атрибуты CSS к этим классам, в противном случае вставьте код в файл.