Использование CSS — каскадная таблица стилей — стиль вашего сайта

Если я не объяснил это в предыдущих учебниках по HTML, я ясно даю понять: хорошо спроектированный веб-сайт оформлен с использованием внешнего каскадного таблицы стилей. Даже в детстве «потому что я так говорю» никогда не был достаточно хорош для меня, и я не ожидаю, что он будет достаточно хорош для вас. Ваш сайт состоит из нескольких страниц, и мы привязываем их все к SAME таблице стилей. Эта таблица стилей добавляет типы шрифтов, цвета, позиционирование, фоновые изображения и т.д. На весь сайт.

  • Просмотров |

Если я не объяснил это в предыдущих учебниках по HTML, я ясно даю понять: хорошо спроектированный веб-сайт оформлен с использованием внешнего каскадного таблицы стилей. Даже в детстве «потому что я так говорю» никогда не был достаточно хорош для меня, и я не ожидаю, что он будет достаточно хорош для вас. Ваш сайт состоит из нескольких страниц, и мы привязываем их все к SAME таблице стилей. Эта таблица стилей добавляет типы шрифтов, цвета, позиционирование, фоновые изображения и т.д. На весь сайт.

Например, если вы хотите, чтобы цвет фона на вашем сайте был зеленым, вы добавили бы это в свою таблицу стилей:

body {background-color: #006600;}

И привязывая эту таблицу стилей с информацией выше к каждой странице вашего сайта, каждая страница теперь будет иметь зеленый фон. Это означает, что вы определяете его ОДИН РАЗ, и вам больше не нужно беспокоиться об этом. Это также означает, что, скажем, вы только что закончили все 159 страниц своего сайта, и вы просто решили, что, может быть, зеленый фон в конце концов не прав — синий будет намного лучше — теперь вам не нужно открывать все 159 страниц и изменить цвет фона. Нет — это намного проще. Вы открываете только таблицу стилей и изменяете выше:

body {background-color: #0088FF;}0

Тогда все, что вам нужно сделать, это сохранить этот .css-документ, загрузить его и TA-DAAAA — весь фон вашего сайта теперь синий. Просто так!

ТЕГИ:

Добавить комментарий

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Авторизация
*
*
Регистрация
*
*
*
Генерация пароля