Стиль маркера list-style-type: circle | … | none | inherit Маркированный список circle маркер в виде кружка; disc маркер в виде точки; square маркер в.

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



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

CSS Cascading Style Sheets. Структура css селектор { свойство1: значение1; свойство2: значение2; }
Каскадные таблицы стилей CSS Блоковая модель. Синтаксис CSS.
Вставка изображений и гиперссылок на Web- страницы. Списки на Web-страницах.
Слои «Создание Web-сайтов». Тэг-контейнер для создания слоя Содержимое слоя.
Списки на Web- страницах - нумерованный список - нумерованный список - маркированный список - маркированный список - список терминов - список терминов.
CSS & WEB Суть и преимущества CSS CSS (Cascading Style Sheets – каскадные таблицы стилей) – язык описания внешнего вида документа, созданного при помощи.
Цвет фона background-color: цвет | transparent | inherit цвет можно задавать тремя способами: 1.red, blue, green… 2.#666999, #FF0000, #00FF55… 3.rgb (255,0,0),
УРОК 5. Списки на Web-страницах. Довольно часто при размещении текста на Web-страницах удобно использовать списки в различных вариантах: нумерованные.
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
Виды списков: 1. Нумерованный 2. Маркированный 3. Вложенный.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
На Web-страницы можно помещать изображения, хранящиеся в формате.gif,.jpeg или.png. атрибуты: WIDTH – ширина рисунка HEIGHT – высота рисунка ALIGN – выравнивание.
Создание Web- страниц с графическими изображениями и бегущей строкой c помощью язык разметки гипертекста HTML.
Каскадные таблицы стилей Блочные и строковые элементы.
Атрибуты тэгов «Создание Web-сайтов» Занятие 1 Часть 2.
Урок информатики в 9 классе. Автор: учитель информатики и ИКТ ГБОУ СОШ 891 Пулова Светлана Анатольевна.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Учебный курс Введение в HTML и CSS Лекция 6 Текст и списки. Позиционирование кандидат технических наук Павел Брониславович Храмцов
Форматирование документа. Форматирование символов и абзацев. Форматирование символов и абзацев. Нумерованные и маркированные списки. Нумерованные и маркированные.
Транксрипт:

Стиль маркера list-style-type: circle | … | none | inherit Маркированный список circle маркер в виде кружка; disc маркер в виде точки; square маркер в виде квадрата. Нумерованный список decimal aрабские числа (1, 2, 3, 4,...); decimal-leading-zero арабские числа с нулем впереди (01, 02, 03,...); armenian армянская нумерация georgian традиционная грузинская нумерация; lower-alpha или lower-latin строчные латинские буквы (a, b, c, d,...); lower-greek строчные греческие буквы (α, β, γ, δ,...); lower-roman римские числа в нижнем регистре (i, ii, iii, iv, v,...); upper-alpha заглавные латинские буквы (A, B, C, D,...); upper-roman римские числа в верхнем регистре (I, II, III, IV, V,...); none отменяет маркеры для списка.

Изображение – маркер списка list-style-image: none | url('путь к файлу') | inherit url используется путь к графическому файлу, который указывается внутри конструкции url(); Относительный или абсолютный путь к графическому файлу. Значение может быть в одинарных, двойных кавычках или без них.

ИЛИ

Размещение маркера list-style-position: inside | outside inside outside

top: значение | проценты | auto | inherit bottom: значение | проценты | auto | inherit left: значение | проценты | auto | inherit right: значение | проценты | auto | inherit

Позиционирование объекта position: absolute | fixed | relative | static | inherit

Этот рисунок всегда внизу спрва

Ниже будет располагаться тот объект который указан раньше в HTML

Слои, z-измерение z-index: число | auto | inherit Каждый элемент может находиться как ниже, так и выше других объектов веб- страницы, их размещением по z-оси и управляет z-index. Это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative. В качестве значения используются целые числа (положительные, отрицательные и ноль). Чем больше значение, тем выше находится элемент по сравнению с теми элементами, у которых оно меньше. При равном значении z-index, на переднем плане находится тот элемент, который в коде HTML описан ниже.

Выравнивание элементов… float: left | right | none | inherit

Запрет обтекания clear: none | left | right | both | inherit none отменяет действие свойства clear, при этом обтекание элемента происходит, как задано с помощью свойства float или других настроек both отменяет обтекание элемента одновременно с правого и левого края. Это значение рекомендуется устанавливать, когда требуется снять обтекание элемента, но неизвестно точно с какой стороны left отменяет обтекание с левого края элемента. При этом все другие элементы на этой стороне будут опущены вниз, и располагаться под текущим элементом right отменяет обтекание с правой стороны элемента

Видимость и не видимость :)

Вид курсора cursor: [url('путь к курсору'),] | [ auto | … | inherit ]

Обрезка объекта по контейнеру clip: rect(Y1, X1, Y2, X2) | auto | inherit Объект должен быть спозиционирован абсолютно…

Переполнение контейнеров overflow: auto | hidden | scroll | visible | inherit Управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров. visible отображается все содержание элемента, даже за пределами установленной высоты и ширины hidden отображается только область внутри элемента, остальное будет скрыто scroll всегда добавляются полосы прокрутки auto полосы прокрутки добавляются только при необходимости

overflow: visible; overflow: scroll; overflowhidden;

Прозрачность opacity : число(часть единицы) | none