Внешние таблицы стилей и встроенные таблицы стилей CSS

May 21, 2024

Есть несколько вещей, которые отличают внешние таблицы стилей от встроенных таблиц стилей.

Встроенные таблицы стилей
В предыдущих уроках вы видели примеры встроенных таблиц стилей CSS и узнали, что базовый код CSS для встроенной таблицы стилей начинается и заканчивается тегами. Внутри этих тегов находится CSS-код, который состоит из каждого селектора (-ов) и его соответствующих пар свойство-значение. Наконец, встроенный стиль размещается в разделе заголовка вашей веб-страницы.

пример

Внешние таблицы стилей
Внешние таблицы стилей немного отличаются, потому что у них нет начального и конечного тегов. Фактически, у вас не может быть никаких HTML-тегов, кроме комментариев и оператора @import. Это в основном текстовый файл, который содержит только код CSS.

пример

body {background-color: #ffffff}

p {font-size: 12pt; цвет: # 000000; выравнивание текста: центр}

Вы можете назвать свою внешнюю таблицу стилей как угодно, но хорошей практикой является присвоение файлу имени, отражающего назначение кода CSS. Например, код CSS, который управляет стилем ссылок меню на вашей веб-странице, может называться menu.css. Хотя это и необязательно, вы должны использовать расширение .css для своих внешних таблиц стилей.

После создания внешних таблиц стилей вы можете использовать их на любой веб-странице, поместив тег или оператор @import в раздел head.

Видео инструкция: Видеокурс HTML & CSS. Урок 5. Таблицы стилей CSS. (May 2024).

Внешние таблицы стилей и встроенные таблицы стилей CSS, HTML, в чем разница между встроенными и внешними таблицами стилей, внешние таблицы стилей, встроенные таблицы стилей, тег ссылки, оператор импорта, как использовать встроенную таблицу стилей, как использовать внешний стиль лист, HTML, XHTML, DHTML, размещенный CGI, веб-хосты, домен, доменные имена, FTP, JPEG, GIF, CSS, инструкции

Предыдущая статья

Следующая статья

Какое лучшее время для публикации поста в блоге?

May 2024

Нажмите, чтобы чирикать эту статью Почему эти два обширных исследования наилучшего времени для публикации поста в блоге могут не помочь вам ... Первое исследование, проведенное KISSMetrics,...

компьютеры

IPad от Apple теряет 30% рынка

May 2024

Согласно новому отчету iPad от Apple полностью доминировал на рынке настольных компьютеров, и, казалось, непобедимый потерял на мировых рынках заяц почти на 30 процентов за последний квартал. Android...