Главная страница
Навигация по странице:

  • 13 Что можно изменять на веб странице с помощью каскадных таблиц стилей

  • 14 Назначение свойства float в CSS

  • Синтаксис float: left | right | none | inheritЗначения

  • Пример 15 Назначение свойства display в CSS

  • Значение Описание

  • и

    		•

    1 Прототип htmlстраниц вебприложения 3 2 Синтаксис записи тегов и атрибутов в html 3


    Скачать 265.45 Kb.
    Название1 Прототип htmlстраниц вебприложения 3 2 Синтаксис записи тегов и атрибутов в html 3
    Дата04.04.2023
    Размер265.45 Kb.
    Формат файлаdocx
    Имя файлаEkzamenatsionnye_voprosy.docx
    ТипДокументы
    #1037669
    страница5 из 9
    1   2   3   4   5   6   7   8   9

    12 Селекторы атрибутов в CSS


    Селекторы атрибутов отбирают элементы по наличию атрибута или его значению.

    В качестве селектора используются квадратные скобки, внутри которых пишется произвольный атрибут.

    [title] { border-bottom: 1px dotted blue; }

    Здесь для всех элементов, к которым добавляется атрибут title, задаётся нижнее точечное подчёркивание синего цвета.

    Чтобы сузить число элементов, перед квадратными скобками ставится имя элемента без пробелов.

    a[target] { font-weight: bold; }

    В данном случае выбираются только элементы , к которым добавлен атрибут target с произвольным значением.

    13 Что можно изменять на веб странице с помощью каскадных таблиц стилей?


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

    14 Назначение свойства float в CSS


    Определение

    CSS-свойство float указывает, что текущий элемент должен быть изъят из обычного flow (потока) и прижат к левой или правой стороне родительского элемента. Текст и inline элементы будут обтекать такой элемент.

    Синтаксис

    float: left | right | none | inherit

    Значения

    left - Выравнивает элемент по левому краю, а все остальные элементы, вроде текста, обтекают его по правой стороне.

    right - Выравнивает элемент по правому краю, а все остальные элементы обтекают его по левой стороне.

    none - Обтекание элемента не задается.

    inherit - Наследует значение родителя.

    Пример


    15 Назначение свойства display в CSS


    Определение

    Многоцелевое свойство, которое определяет, как элемент должен быть показан в документе.

    Синтаксис

    display: block | inline | inline-block | inline-table | list-item | none | run-in | table | table-caption | table-cell | table-column-group | table-column | table-footer-group | table-header-group | table-row | table-row-group

    Значения

    Список возможных значений этого свойства, понимаемый разными браузерами очень короткий — block, inline, inline-block, inline-table, list-item и none. Все остальные допустимые значения поддерживаются браузерами выборочно.

    Значение
    Описание

    block
    Элемент показывается как блочный. Применение этого значения для встроенных элементов, например тега , заставляет его вести подобно блокам — происходит перенос строк в начале и в конце содержимого.

    inline
    Элемент отображается как встроенный. Использование блочных тегов, таких как
    и
    , автоматически создает перенос и показывает содержимое этих тегов с новой строки. Значение inline отменяет эту особенность, поэтому содержимое блочных элементов начинается с того места, где окончился предыдущий элемент.

    inline-block
    Это значение генерирует блочный элемент, который обтекается другими элементами веб-страницы подобно встроенному элементу. При этом его внутренняя часть форматируется как блочный элемент, а сам элемент — как встроенный.

    inline-table
    Определяет, что элемент является таблицей как при использовании тега , но при этом таблица является встроенным элементом и происходит ее обтекание другими элементами, например, текстом.

    list-item
    Элемент выводится как блочный и добавляется маркер списка.

    none
    Временно удаляет элемент из документа. Занимаемое им место не резервируется и веб-страница формируется так, словно элемента и не было.

    run-in
    Устанавливает элемент как блочный или встроенный в зависимости от контекста.

    table
    Определяет, что элемент является блочной таблицей подобно использованию тега .
    .
    .
    ).

    table-caption
    Задает заголовок таблицы

    table-cell
    Указывает, что элемент представляет собой ячейку таблицы (тег     		или ).

    table-column
    Назначает элемент колонкой таблицы, словно был добавлен тег

    table-column-group
    Определяет, что элемент является группой одной или более колонок таблицы, как при использовании тега

    table-footer-group
    Используется для хранения одной или нескольких строк ячеек, которые отображаются в самом низу таблицы.

    table-header-group
    Элемент предназначен для хранения одной или нескольких строк ячеек, которые представлены вверху таблицы.

    table-row
    Элемент отображается как строка таблицы (тег

    table-row-group
    Создает структурный блок, состоящий из нескольких строк таблицы

    Пример


    1   2   3   4   5   6   7   8   9

    написать администратору сайта