Назначение и применение CSS

Содержание

Слайд 2

Web-дизайн

Дизайн Web-узлов — это точное размещение компонентов
HTML-страниц относительно друг друга в рабочей

Web-дизайн Дизайн Web-узлов — это точное размещение компонентов HTML-страниц относительно друг друга
области окна браузера. Недостатки такого определения Web-дизайна очевидны.
В нем не учтены ни цвет, ни форма, ни другие свойства
компонентов HTML-страниц. Главное в этом определении — показать ограниченность возможностей HTML-разметки. Позиционирование компонентов на странице является одним из самых слабых мест в HTML.

Слайд 3

Компоненты страницы

К компонентам страницы относятся: блоки текста, графика и
встроенные приложения. Размер и

Компоненты страницы К компонентам страницы относятся: блоки текста, графика и встроенные приложения.
границы каждого из этих
компонентов в рамках HTML-разметки задаются с разной степенью точности. Размер графики и приложений можно задать с точностью
до пикселя. Размеры текстовых блоков в HTML задать нельзя: они вычисляются браузером исходя из относительного размера шрифта по умолчанию.

Слайд 4

Спецификация CSS

CSS (Cascading Style Sheets) позволяет остаться в рамках декларативного характера разметки

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

Слайд 5

Назначение CSS

Таблицы стилей также позволяют определить цвет и начертание текстового фрагмента, изменять

Назначение CSS Таблицы стилей также позволяют определить цвет и начертание текстового фрагмента,
эти параметры внутри текстового
блока, выполнять выравнивание текстового блока относительно
других блоков и компонентов страницы.
Наличие подобных возможностей позволяет говорить о CSS как о
средстве разделения логической структуры документа и формы его представления. Логическая структура документа определяется элементами HTML-разметки, в то время как форма представления каждого из этих элементов задается CSS-описателем элемента.

Слайд 6

Применение основ CSS

Знание основ стилей CSS и способов их применения для веб

Применение основ CSS Знание основ стилей CSS и способов их применения для
– мастера необходимы, так как это является важным инструментом при самостоятельном создании сайта. Таблицы стилей предназначены для придания страницам сайта единообразного и строгого дизайна.
Основные тэги к которым применяются таблицы стилей:
BODY, DIV,P, SPAN

Слайд 7

Состав и структура стилей

Стиль для элемента сайта состоит из блока описания стиля
в

Состав и структура стилей Стиль для элемента сайта состоит из блока описания
котором необходимо:
– придать имя объекту: border_object (объект рамка);
– задать строку описания {border: 2px solid red; } (ширина, тип, цвет).
При помощи атрибута сlass происходит присвоение стиля.

Слайд 8

Способы внедрения CSS

Существуют два способа добавления стилей к HTML странице:
- описание стилей

Способы внедрения CSS Существуют два способа добавления стилей к HTML странице: -
для элемента сайта непосредственно на странице, которое целесообразно применять для разового объекта;
- описание стилей в отдельном файле.

Слайд 9

Актуален ли CSS в наше время?

Существует множество способов использования CSS. Нет
идеального метода,

Актуален ли CSS в наше время? Существует множество способов использования CSS. Нет
удовлетворяющего всех сценариям, так как различные проекты испытывают различные потребности и
ограничения. Чтобы понять, каким методом воспользоваться,
необходимо задать соответствующие вопросы: Какие свойства CSS потребуются? Какие браузеры будут обслуживаться? Сколько разработчиков нанимать и с какими навыками? Важна ли наивысшая скорость отклика?
У CSS есть своя история, технология широко используется на данный момент. У данной технологии светлое будущее. Пока есть проблемы с CSS, данная технология будет оставаться основной для стилизации веб-страниц.