Каскадные таблицы стилей CSS - дизайн сайта, отображение контента


CSS код сайта

Если HTML код используется для отображения содержимого веб-страницы, то каскадные таблицы стилей CSS (Cascading Style Sheets) отвечают за дизайн выводимого контента. Они работают в неразрывной связке между собой. Чтобы содержимое страницы приобрело читаемый вид, его необходимо форматировать, назначить ему: шрифты, цвета, размеры, заголовки, расположение блоков и картинок, интервалами между строками и т.п. Используя последнюю версии CSS3 можно добавлять на страницу специальные эффекты и применять анимацию.

CSS код пишется в отдельном файле и подключается к странице (сайту) следующей конструкцией:
<link rel="stylesheet" href="css/style.css">
где style.css подключаемый файл.

В некоторых случаях код CSS подключается в тело страницы между тегами
<head>...</head>:
<style type="text/css">
H1 {
font-size: 90%; /* Размер шрифта заголовка */
font-family: Verdana, Arial, Georgia, sans-serif; /* Название шрифта */
color: rgb(17, 17, 17, 0.9); /* Цвет текста заголовка */
}
</style>


Код в теле страницы является основным и перебивает по своей значимости команды из внешнего файла.

Файлы с расширением .css считываются браузерами в первую очередь и хранятся в их памяти для более быстрого повторного просмотра одной и той же страницы или сайта в целом. Все браузеры разрабатываются и обновляются с учётом CSS стандартов.

Файлы каскадных таблиц стилей указывают мобильным устройствам, как отображать просматриваемый html документ.
Веб-программист, на своё усмотрение, способен отключить показ некоторых блоков или изображений на очень маленьких размерах экрана. Изменить размер шрифта и порядок выведения контента. Минимизировать или увеличить необходимые элементы дизайна.

Редактируя фрагменты кода в одном месте (файл style.css), вы обозначаете всему сайту правила выведения контента.
Веб-технология каскадных таблиц стилей упрощает работу при создании сайта.

При создании одной веб-страницы (сайт одностраничник, Landing Page) можно использовать CSS код внутри самой страницы, не вынося его в отдельный файл. Но этот метод по-моему устарел. Современные браузеры привыкли в первую очередь искать на загружаемом сайте файл с расширением .css.

Изучение HTML подразумевает параллельное ознакомление с мастерством использования каскадных таблиц стилей CSS.

Автор: Saah | Просмотров: 16 | 5-02-2020,Ср, 07:48  

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

@
Похожие публикации