Поточний час:
Сьогодні 27 травня, неділя 2018 рік
Zura-Blog 3 роки 5 місяців 8 днів

Ваш ip адрес:23.20.240.193


Ви обновили сторінку в 0 : 49
Статистика

Кількість публікацій на блозі: 375
Кількість коментарів на блозі: 102
Кількість категорій на блозі: 27
Кількість міток на блозі: 3

Zura – Blog
Яндекс.Метрика UA TOP Bloggers

 

Post_cssТехнология СSS появилась и была одобрена консорциумом W3C (Word Wide Web Consortium) еще в 1996 году. На сегодня она популярна и продолжает развиваться. Каскадные таблицы стилей используют для описания способа отображения веб-документа в браузере.

Каскадные таблицы стилей — это средство для описания внешнего вида документа. В основном это касается проектов созданных при использовании языков разметки html и xhtml.

Описание визуального представления веб-документов с помощью (СSS) основано на использовании, отличной от классического способа прямого редактирования кода html для изменения, например цвета или размера шрифта или других параметров форматирования текста.

Если не использовать СSS то для того чтобы выделить жирным щрифтом какой либо текст, или поменять цвет рамки картинки, нужно вносить изменения непосредственно в строки кода html, то с использованием каскадных таблиц стилей (СSS) содержание документа остается неизменным в отдельном файле, а корректировки этих параметров элементов достаточно лишь ввести в файл СSS

Без СSS при форматировании веб-документа все параметры элементов, цвет текста, размер поля, шрифт, мы вынуждены указывать непосредственно в коде СSS, описывая каждый конкретный элемент.

Что касается использования СSS то в этом случае мы можем как правило описать параметры основных элементов отдельно от содержания и присоединить их ко всем страницам веб-проекта.

Преимущества

Разделение формата, и содержания может значительно облегчить работу, по созданию веб-проекта.

  содержание становится более доступным

⇒ размер документа уменьшается, за счет чего становится легче загрузки

 обеспечивается большая гибкость и контроль для каждого конкретного способа форматирования

⇒ появляется возможность получения такого же формата на нескольких страницах, и управления всех страниц проекта

Процесс  использования СSS

⇒ определяем все необходимые элементы форматирования веб-проекта: заголовки, подзаголовки, текст, ссылки, фон, списки, акценты и т.д.

⇒  для каждого определенного элемента разрабатываем стиль, создаем файл СSS

⇒ присоединяем файл СSS к каждой странице нашего веб-проекта, (для всех страниц веб-проекта используем единый стиль форматирования, один файл СSS)

⇒ переходим к заполнению страниц содержанием, тексты, вставляем видео и анимацию и т.д.

Синтаксис СSS

⇒ Синтаксис СSS считается простым, и использует несколько слов с английского языка для определения различных свойств стилей

⇒ Таблица стилей состоит из списка правил. Каждый набор правил сформирован, в свою очередь из многих “селекторов” и “определений”

⇒ Селектор это часть правила стилей, указывающая которого именно элемента касается правило.

Определение состоит из свойств и их значений, заключенных в скобки. Каждое определение включает свойство, двоеточия, значение а затем точку с запятой.

Как выглядит

селектор {свойство: значение; свойство: значение; свойство: значение; }

В СSS селекторы используют для определения того, какой из элементов языка разметки будет отформатирован в таблице стилей. Селекторы применяются ко всем элементам определенного типа, или элементам которые закреплены к конкретному атрибута.

Элементы могут быть связаны в зависимости от того как они расположены в коде разметки, или от того как они представлены в коде документа.

Конструкция правила стилей на примере

селектор
р { color #007777 font–size 15px }
 свойство:  значения;  свойство:  значения;

Итог

Ну что же в настоящее время в веб-проектировании технологии СSS являются требованием, и изучить как они функционируют конечно что бажано.Крим разного рода селекторов в СSS используют псевдоклассы и псевдоэлементы. Полностью список властвосте можно посмотреть перейдя на страницу сайта СSS

по ссылке http://ruszura.in.ua/css.html

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *