CSS Cascading Style Sheets. Структура css селектор { свойство1: значение1; свойство2: значение2; }

Презентация:



Advertisements
Похожие презентации
Цвет фона background-color: цвет | transparent | inherit цвет можно задавать тремя способами: 1.red, blue, green… 2.#666999, #FF0000, #00FF55… 3.rgb (255,0,0),
Advertisements

Основы HTML и CSS Каскадные таблицы стилей (CSS).
Таблицы стилей Язык HTML. Каскадные таблицы стилей CSS CSS (от английского Cascading Style Sheets). Таблицы стилей позволяют разделить смысловое содержимое.
Стиль маркера list-style-type: circle | … | none | inherit Маркированный список circle маркер в виде кружка; disc маркер в виде точки; square маркер в.
4.3 Каскадные таблицы стилей. Каскадные таблицы стилей (Cascading Style Sheets, CSS) способ оформления страниц HTML, позволяющий с помощью параметров.
Лекция 9 Тема «Каскадные таблицы стилей » Преподаватель: Халелова Е. Н.
Знакомство с каскадными таблицами стилей. Опорный конспект с заданиями Учитель информатики ГБОУ СОШ 411 «Гармония» с углубленным изучением английского.
Стили в HTML Лекция по курсу «Компьютерный дизайн»
Cascading Style Sheets каскадные таблицы стилей CSS-код – это список инструкций для браузера, – как и где отображать элементы веб-страницы, написанный.
HTML Язык гипертекстовой разметки страниц. Web-страница Web-страница – это документ в формате HTML, содержащий текст и специальные инструкции – дескрипторы.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Компоненты каскадных таблиц стилей и основные действия, необходимые для создания документа CSS. Несколько полезных свойств CSS и назначение значений этим.
Вставка изображений и гиперссылок на Web- страницы. Списки на Web-страницах.
CSS Cascading Style Sheets. Структура css селектор { свойство1: значение1; свойство2: значение2; }
Введение в CSS. Базовый синтаксис CSS селектор { свойство1: значение; свойство2: значение; } селектор некоторое имя стиля, для которого добавляются параметры.
Учебный курс Введение в HTML и CSS Лекция 6 Текст и списки. Позиционирование кандидат технических наук Павел Брониславович Храмцов
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
CSS это акроним для Cascading Style Sheets/Каскадных таблиц стилей. CSS это язык стилей, определяющий отображение HTML-документов HTML используется для.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
CSS Cascading Style Sheets Каскадные таблицы стилей.
Транксрипт:

CSS Cascading Style Sheets

Структура css селектор { свойство1: значение1; свойство2: значение2; }

direction направление текста Значения: ltr rtl inherit

font характеристики текста Формат записи: font: [ font-style || font-variant || font-weight ] font-size[/line-height] font-family;

font-style начертание шрифта Значения: normal italic oblique inherit

font-variant представление строчных букв Значения: normal small-caps inherit

font-weight насыщенность шрифта Значения: bolder bold normal lighter

font-size размер шрифта Значения: абсолютные значения относительные значения проценты xx-small, x-small, small medium large, x-large, xx-large larger, smaller

line-height межстрочный интервал Значения: множитель абсолютные значения относительные значения проценты normal inherit

line-height межстрочный интервал

font-family тип шрифта Формат записи: font-family: [, ], [, ]

font-family тип шрифта Значения: название шрифта serif sans-serif cursive fantasy monospace

font-family тип шрифта

text-align горизонтальное выравнивание текста Значения: center justify left right inherit

text-align горизонтальное выравнивание текста

vertical-align вертикальное выравнивание Значения: baseline по базовой линии bottom по нижней части верхнего элемента middle средняя точка по базовой линии sub нижний индекс super верхний индекс text-bottom по нижнему краю строки text-top по верхнему краю строки top по верхней части верхнего элемента

text-decoration оформление текста Значения: blink мигающий line-through перечёркнутый overline надчёркнутый underline подчёркнутый none inherit

text-transform регистр букв Значения: capitalize Первые Буквы Заглавные lowercase нижний регистр uppercase ВЕРХНИЙ РЕГИСТР none inherit

text-indent отступ первой строки текста Значения: абсолютные значения относительные значения inherit

letter-spacing интервал между символами Значения: абсолютные значения относительные значения normal inherit

letter-spacing интервал между символами

word-spacing интервал между словами Значения: абсолютные значения относительные значения normal inherit

list-style оформление маркеров списков Формат записи: list-style: list-style-type || list-style-position || list-style- image

list-style-type вид маркера Значения: none без маркеров circle кружок disc точка square квадрат decimal арабские цифры (1, 2, 3, …) upper-roman римские цифры (I, II, III, IV, …) lower-roman римские цифры (i, ii, iii, iv,...)

list-style-type вид маркера

list-style-position размещение маркера Значения: outside маркер за границей элемента inside маркер внутри элемента

list-style-position размещение маркера

list-style-image иконка для маркера Значения: url('marker.gif') из файла marker.gif none без иконки inherit

list-style-image иконка для маркера