Охватывающий (родительский) блок

⇐ ПредыдущаяСтр 16 из 36Следующая ⇒

Положение и размер прямоугольника элемента иногда вычисляются относительно другого прямоугольника, именуемого охватывающим блоком данного конкретного элемента. Существует ряд правил для таких блоков:

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

Охватывающим блоком некорневых элементов со схемой relative или static являются край содержимого ближайшего блочного элемента, ячейки таблицы или родителя встроенного блока.

При абсолютном позиционировании охватывающим элементом является ближайший элемент–предок со схемой, отличающейся от static. То есть элемент–предок должен позиционироваться по принципу relative, absolute или fixed.

Top, right, bottom, left

Как только схема позиционирования задана, реальное размещение осуществляется с помощью свойств top, right, bottom, left, значениями которых могут бытьчисловое значение, заданное в любой единице измерения либо в процентах, auto или inherit. Начальное значение: auto.

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

В следующем примере при помощи процентных значений элемент размещается в левом нижнем углу охватывающего блока:

div {position: absolute; height: 120px; width: 300рх; }

img {position: absolute; top: 100%; left: 0%; }

Z-index

Когда элементы находятся вне общего потока страницы, они могут перекрывать друг друга. По умолчанию порядок расположения элементов соответствует порядку их появления в коде HTML-страницы, однако есть возможность управлять порядком расположения позиционированных элементов по оси Z и, соответственно, порядком их перекрытия, с помощью свойства z-index. Элементы с более высоким индексом всегда находятся выше элементов с более низким индексом относительно оси Z.

Принимаемые значения: auto (по умолчанию), число (порядок по оси Z), inherit (наследуется от родителя).

Свойство z–index принимает любое целочисленное значение, как положительное, так и отрицательное. Чем больше значение, тем выше место данного элемента в стеке, отрицательные значения отодвигают элемент вглубь по оси z. Свойство z–indexдля корневого элемента равно 0.

Display

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

По умолчанию все элементы являются строчными, то есть значением свойства display является inline. Для переопределения типа отображения элемента со строчного на блочный браузеры используют встроенную таблицу стилей, задающую для каждого элемента стили, применяемые к нему по умолчанию.

Если используется старая версия браузера, то во встроенной таблице стилей нет правил для переопределения новых элементов, появивишихся в HTML5, в блочные. По этой причине для таких элементов, как < section>, < header>, < nav>, < article>, < aside> или < footer> тип отображения должен быть задан разработчиком в таблице стилей:

< style>

section, header, nav, article, aside, footer { display: block; }

< /style>

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

Принимаемые значения:

none - элемент исключается из общего потока, он не отображается на экране и под него не резервируется место на странице, прочие элементы ведут себя так, как если бы этот элемент отсутствовал в исходном коде;

block - элемент воспринимается браузером как блоковый, то есть имеет разрыв строки до и после элемента и занимает всю доступную ширину;

inline - элемент будет отображаться, как внутристрочный;

inline-block - элемент отображается, как строчный, но появляется возможность применять к нему свойства, доступные блоковым элементам, например, margin или padding;

list-item - элемент становится блоковым и отображается, как элемент списка с маркером;

table - элемент отображается как таблица;

table-caption - элемент отображается как заголовок таблицы;

table-cell - элемент отображается как ячейка таблицы;

table-column - элемент назначается колонкой таблицы;

table-column-group - указывает, что элемент является группой столбцов таблицы (как элемент < colgroup> );

table-footer-group - отображает элемент как нижнюю часть таблицы;

table-header-group - отображает элемент как заголовочную часть таблицы.

table-row - отображает элемент как строку таблицы;

table-row-group - отображает элемент как группу строк таблицы;

flex - элемент отображается как блоковый flex-контейнер;

inline-flex - элемент отображается как внутристрочный flex-контейнер;

inherit - значение наследуется от родительского элемента.

List-style

Свойство list-style позволяет указать сразу несколько свойств списка для редактирования маркеров элемента в одном объявлении: list-stylе-imаgе, list-stylе-pоsitiоn и list-stylе-typе. Значения указанных свойств разделяются пробелами и могут располагаться в любом порядке.

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

list-stylе: list-stylе-typе list-stylе-pоsitiоn list-stylе-imаgе|inhеrit;

Пример.

ul { list-style: square inside none; }

Укажем назначение свойств списка:

list-style-type - определяет тип маркера для элементов списка. По умолчанию принимает значение disc для ul и decimal для ol. Значения:

none- без маркера; circle - пустая окружность; decimal - десятичные цифры; disc - закрашенный круг; square – закрашенный квадрат; lower-alpha - строчные буквы латинского алфавита (a, b, c, d, e...).; lower-latin - строчные латинские буквы(a, b, c, d, e...); upper-alpha - прописные буквы латинского алфавита (A, B, C, D, E...); upper-latin - прописные латинские буквы (A, B, C, D, E...); upper-roman - прописные римские цифры(I, II, III, IV, V...);

decimal-leading-zero - десятичные цифры, начинающиеся с нуля (01, 02, 03...); lower-greek - строчные греческие буквы; lower-roman - строчные римские цифры (i, ii, iii, iv, v...); armenian - армянские цифры; cjk-ideographic - идеографические номера; hebrew - нумерация Иврита; hiragana - нумерация Хирагана; hiragana-iroha - нумерация Хирагана-ироха; georgian - грузинские цифры; Katakana - нумерация Катакана; katakana-iroha - нумерация Катакана-ироха.

list-style-image - указывает путь к изображению, которое будет использоваться вместо стандартного маркера (см рисунок 47).

Пример.

ul#myList {list-stylе-imаgе: url('stаr.gif'); }

list-style-pоsitiоn - позволяет указать расположение маркера относительно элемента списка. Маркер может быть расположен либо внутри строки элемента списка (inside) вместе с содержимым, либо за границей элемента списка (outside, по умолчанию).

Пример. ul {list-stylе-imаgе: url('stаr.gif'); list-stylе-pоsitiоn: insidе; }

Рисунок 47 – Использование изображения в качестве маркера списка

Border-collapse

Свойство border-collapse определяет модель рамки для таблицы. По умолчанию свойство принимает значение separate: в этом случае каждая ячейка таблицы имеет собственную рамку (см. рисунок 48 слева). Расстояние между рамками ячеек можно регулировать свойством border-spacing.

При использовании значения collapse пространства между ячейками не будет (см. рисунок 48 справа).

Рисунок 48 – Использование значений свойства border-collapse

Border-spacing

Свойство border-spacing позволяет регулировать расстояние между ячейками. Значения этого свойства обычно задаются в пикселях, причем, если указать два значения, то можно отдельно настроить горизонтальное и вертикальное расстояния, как это видно на рисунке 49.

Рисунок 49 – Использование двух значений свойства border- spacing

Примечание. Табличные элементы считаются относящимися к различным наложенным друг на друга слоям. По умолчанию элементы прозрачны и допускают просвечивание фона нижележащих слоев. При этом фон конкретного элемента виден, только если все вышележащие элементы прозрачны.

Порядок наложения слоев с табличными элементами «сверху вниз» следующий: ячeйкa, строкa, группa строк, столбeц, группa столбцов, тaблица.

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

Caption-side

Свойство caption-side указывает, где будет ли расположен заголовок таблицы, указанный в теге < caption>, над таблицей или под ней.

Пример.

cарtiоn-side: tор; //Заголовок размещается над таблицей.

cарtiоn-side: bоttоm; // Заголовок размещается под таблицей.

Empty-cells

Cвойство empty-cells указывает, следует показывать или нет фон и границы тех ячеек в таблице, в которых нет содержимого. Свойство работает только при использовании значения border-collapse: separate.

Пример.

empty-cells: show; //Фон и границы отображаются

empty-cells: hide; //Фон и границы не отображаются.

Table-layout

CSS свойство table-layout задает алгоритм использования макета таблицы. Браузер может использовать один из двух алгоритмов расчета значения ширины таблицы: с фиксированной и автоматически определяемой шириной. Принимаемые значения:

auto – при автоматическом алгоритме макета таблицы задается максимальная ширина столбца для содержимого ячейки; прежде, чем определить окончательный макет, анализируется все содержимое таблицы. Этот метод более трудоемок для браузера, но, несмотря на большее время, нужное для обработки, иметь таблицу и ячейки с автоподбором размера по содержимому иногда бывает важно.

fixed – при фиксированном алгоритме макета таблицы горизонтальное расположение зависит от ширины таблицы и столбцов, определяемых свойством width, содержимое ячеек не оказывает влияния на расчет. Макет создается быстрее, чем при использовании значения auto: он начинает создаваться при получении первой строки таблицы.

Итоговой шириной таблицы становится большее из следующих значений: сумма ширин столбцов или значение width табличного элемента table.

Существенным аспектом этой модели является учет ширины ячеек только первой строки. Поэтому если верхняя ячейка таблицы имеет ширину 200, а любая из расположенных ниже в том же столбце – 350 пикселей, столбцу таблицы будет назначена ширина 200. В модели с фиксированной структурой настройки строк ниже первой игнорируются.

inherit - значение наследуется от родительского элемента.

Примечание. Ячейки таблиц всегда являются потомками строк, однако в CSS для столбцов разрешены всего 4 свойства: border, background, width, visibility.

Работа со шрифтами

Font

Свойство font является универсальным, оно позволяет одновременно задать сразу несколько параметров шрифта. Для этого используются специальные ключевые слова: caption, icon, menu, message-box, small-caption, status-bar или значения следующих свойств: fоnt-sizе, fоnt-stylе, fоnt-vаriаnt, fоnt-wеight, linе-hеight, fоnt-fаmily.

Как и в любом универсальном свойстве, значения, которые не были установлены, принимают значения по умолчанию. Но для свойства font есть несколько правил использования, и если эти условия не выполняются, свойство является недопустимым и полностью игнорируется:

значения свойств font-size и font-family являются обязательными к указанию;

размер высоты строки (line-height) должен указываться сразу после размера шрифта, через косую черту (слэш) - " / ";

если будут устанавливаться значения свойств font-style, font-variant и font-weight, то они должны быть определены перед font-size;

font-family определяется последним, после всех остальных свойств (значение inherit недопустимо к применению).

Рассмотрим свойства, определяющие параметры используемого шрифта.

caption - шрифт используется для текста элементов управления (кнопок, раскрывающихся списков и тому подобного).

icon - шрифт используется для текста под иконками.

menu - шрифт используется в раскрывающимися меню.

message-box - шрифт используется для диалоговых окон.

small-caption – то же, что и caption, только используется уменьшенный шрифт.

status-bar - шрифт применяется в строке состояния окна браузера.

font-style - задает стиль шрифта. В CSS можно задать курсивный стиль тексту, используя свойство font-style со значением italic. Однако не во всех шрифтах предусмотрен курсив, и вместо него можно получить только наклонные символы. Для наклонного текста используется значение oblique.

Пример.

p {font-style: nоrmаl}

em {fоnt-style: itаlic; }

var {font-style: oblique; }

font-variant - указывает разновидность шрифта. Cвойство font-variant конвертирует строчные буквы в прописные уменьшенного размера.

Принимаемые значения:

normal - стандартный шрифт;

small-caps - указывает, что шрифт будет конвертирован в капитель, то есть строчные буквы будут выглядеть как уменьшенные прописные;

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

Пример.

.side {font-variant: normal; }

header { font-variant: small-caps; }

font-weight - определяет жирность шрифта.

Принимаемые значения:

normal - определяет стандартное написание символов;

bold - задает полужирное начертание символов;

bolder -тот же эффект, что и при значении bold;

lighter - тот же эффект, что и при значении normal;

100|200|300|400|500|600|700|800|900 - определяет толщину шрифта по заданному значению: от 0 до 500 - стандартное начертание, от 600 до 900 - полужирное начертание;

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

Пример.

.side { font-weight: bold; }

header { font-weight: 900; }

font-size/line-height – вместе задают размер шрифта и высоту строки.

Установка свойства font-size может менять размеры других элементов, так как оно используется для вычисления значений единиц измерения em и ex.Значением по умолчанию является medium.

Принимаемые значения:

xx-small - сверхмелкий размер шрифта; x-small - очень маленький размер шрифта; small - маленький размер шрифта; medium - средний размер шрифта; large - большой размер шрифта; x-large - очень большой размер шрифта; xx-large - огромный размер шрифта;

smaller - маленький размер шрифта по сравнению с родительским элементом; larger - большой размер шрифта по сравнению с родительским элементом; % - размер шрифта в процентах от размера родительского элемента; inherit - значение наследуется от родителя.

Пример:

h1 {font-size: xx-large; }

Cвойство line-height устанавливает высоту всей строки текста, поэтому разница между размером шрифта и высотой строки (line-height) равна междустрочному интервалу. Если увеличить значение свойства line-height, то увеличится расстояние между строками. По умолчанию межстрочный интервал во всех браузерах равен 120-125% от размера текущего шрифта. Отрицательные значения не допускаются.

Принимаемые значения:

normal - стандартный междустрочный интервал;

цифра - число, которое при умножении на текущий размер шрифта даст значение междустрочного интервала;

значение высоты - высота задается с использованием единиц измерения CSS.

% - междустрочный интервал в процентах от размера текущего шрифта.

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

font-family - определяет семейство шрифта. Свойство font-family можно определить двумя способами:

- названием шрифта, например: courier, verdana, arial, и т.д. Если название шрифта состоит из нескольких слов, оно должно быть заключено в кавычки, например: " Monotype Corsiva".

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

Последним в списке следует указывать одно из семейств шрифтов, доступных по умолчанию в любой операционной системе: sеrif (шрифты с засечками), sаns-sеrif (без засечек), cursivе (похожна рукопись), fаntаsy (декоративные и художественные шрифты), mоnоspаce (шрифты с одинаковой шириной букв).

Пример.

< style> .sidebar1 {font: 20pt " Monotype Corsiva", monospace; }

.sidebar2 {font: 12pt/1 arial, serif italic bold; } < /style>

@font-face

Правило @font-face позволяет использовать собственный шрифт для отображения текста на веб-странице. Дело в том, что обычные безопасные веб-шрифты отображаются на веб-странице только в том случае, если они есть на компьютере пользователя, а если шрифты подключить с помощью @font-face, то они будут загружаться с сервера.

Для подключения шрифта следует создать правило @font-face и указать для него имя с помощью свойства font-family. Затем указывается местоположение шрифта, причем можно указать через запятую несколько файлов с различными расширениями для корректной работы во всех браузерах, например:

@font-face {

font-family: new_font;

src: url(" Vrinda_Light.ttf" ), url(" Vrinda _Light.eot" ); }

Применим подключенный шрифт, например, к параграфу:

p { font-family: new_font; }

Font-size-adjust

Свойство font-size-adjust позволяет лучше контролировать размер шрифта, когда первый выбранный шрифт не доступен. Когда такое происходит, браузер использует второй из указанных шрифтов, что может привести к большой разнице в размерах.

Все шрифты обладают значением аспекта, которое равно разнице между строчной буквой x и прописной буквой X. Если браузеру известно значение аспекта для первого из выбранных шрифтов, он может вычислить размер для следующего выбранного шрифта при отображении текста.

Принимаемые значения:

число - указывает значение аспекта;

none - размер шрифта не регулируется;

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

Пример.

#side1 {font-size-adjust: 0.6; }

#side2 {font-size-adjust: 0.48; }

Font-stretch

Cвойство font-stretch позволяет регулировать ширину текста. Принимаемые значения:

wider - увеличивает ширину текста;

narrower - уменьшает ширину текста;

ultra-condensed - ширина текста уменьшается на максимально возможное значение;

extra-condensed - текст уже, чем condensed, но шире ultra-condensed;

condensed - текст уже, чем semi-condensed, но шире extra-condensed;

semi-condensed - ширина текста меньше, чем стандартная, но больше значения condensed;

normal - текст не будет изменять ширину;

semi-expanded - текст шире стандартного, но уже значения expanded;

expanded - текст шире, чем semi-expanded, но уже extra-expanded;

extra-expanded - текст шире, чем expanded, но уже ultra-expanded;

ultra-expanded - ширина текста увеличивается на максимально возможное значение;

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

Text-shadow

text-shadow – добавляет одну или более теней тексту и определяет ее параметры:

text-shadow: red 5px 5px 3px);

Тени указываются через запятую, каждая тень содержит от 2 до 4 следующих значений:

none – тень отсутствует;

цвет – цвет, заданный любым доступным в CSS значением;

горизонтальное смещение – если значение положительное - тень сдвигается вправо, если отрицательное – влево;

вертикальное смещение – если значение положительное, то тень опускается относительно текста, если отрицательное – поднимается;

размытие – по умолчанию радиус размытия равен, положительное значение задает величину сглаживания тени.

Синтаксис задания тени:

text-shadow: х_тени у_тени размытость_тени цвет|none|inherit;

На рисунке 50 можно видеть результат применения тени и используемый для этого код.

Рисунок 50 – Использование свойства text-shadow для текста

Box-shadow

CSS свойство box-shadow добавляет одну или несколько теней к элементу. Тень может располагаться за пределами элемента, она может перекрываться другими элементами, если они в коде находятся после текущего элемента, или перекрывать другие элементы, находящиеся в коде до текущего элемента.

Если теней несколько, их параметры указываются через запятую, последующая тень в списке будет располагаться под предшествующей (см. пример на рисунке 51).

Синтаксис задания тени для элемента:

box-shadow: none|смещение_тени_х смещение_тени_у размытие размер цвет [inset]|inherit;

Принимаемые значения:

смещение_тени_х смещение_тени_у - смещения тени по горизонтали и вертикали.

размытие - степень размытия тени. Отрицательные значения не допускаются.

размер тени - положительное значение увеличивает, а отрицательное - уменьшает размер тени со всех сторон.

цвет - цвет тени;

inset – при указании данного ключевого слова тень будет располагаться внутри элемента. Внутренняя тень даёт эффект вдавленности, располагается над фоном, но под любым содержимым элемента;

none - отсутствие тени.

Рисунок 51 – Использование свойства box-shadow для элемента

Opacity

Свойство opacity (непрозрачность) позволяет установить уровень непрозрачности для элемента, включая его содержимое и его дочерние элементы. Причем и сам элемент, и дочерние элементы будут иметь одинаковый уровень непрозрачности, даже если для нее установлены разные значения.

Значением непрозрачности является число, значение которого лежит в диапазоне от 0.0 (полная прозрачность) до 1 (полная непрозрачность).

Код примера использования свойства opacity и результат его выполнения можно видеть на рисунке 51.

Рисунок 52 – Использование свойства opacity для элемента

Работа с текстом

Text-align

Свойство text-align – определяет тип выравнивания текста по горизонтали. Принимаемые значения:

center – по центру; lеft– по левому краю; right – по правому краю; justify– по ширине; аutо – не меняется тип выравнивания;

stаrt – при направлении текста слева направо - выравнивание по левому краю; если справа налево – по правому краю; еnd – при направлении текста слева направо выравнивание по правому краю; если справа налево – по левому краю;

Tехt-аlign-lаst

Свойство text-align-last задает тип выравнивания последней строки элемента, если значение text-align принимает значение justify. Может принимать те же значения, что и свойство text-align.

Text-decoration

Свойствоt ext-decoration – позволяет добавлять для текста эффекты. Принимаемые значения:

blink –текст мигает; line-through –текст зачеркнутый; overline– текст надчеркнутый;

underline подчеркнутый текст; none – без эффектов.

Text-indent

Свойство text-indent – задает величину отступа для первой строки текста (красную строку). Значением свойства могут быть как конкретные величины, так и проценты.

Text-overflow

Свойство text-overflow используется для задания поведения текста в случае, если он не умещается в отведенные рамки. Принимаемые значения:

clip – текст обрезается;

ellipsis – к тексту добавляется многоточие.

Пример.

#my_ overflow { оverflоw: hiddеn;

tехt-оvеrflоw: еllipsis; }

Text-transform

Свойство text-transform служит для преобразования текста в заглавные или прописные буквы. Принимаемые значения:

none – символы не меняются; capitalize – первая буква каждого слова становится заглавной;

lowercase – символы отображаются в нижнем регистре; uppercase – символы отображаются в верхнем регистре.

Vertical-align

Свойство vertical-align используется для смещения элемента относительно текста по вертикали. Принимаемые значения:

bаsеlinе – базовая линия элемента выравнивается по базовой линии родителя; bоttоm– выравнивание происходит по нижней части родительского элемента; middle – выравнивание по центру родительского элемента; sub – базовая линяи элемента выравнивается по базовой линии нижнего индекса родителя;

super – базовая линия выравнивается по базовой линии верхнего индекса родителя; text-bоttоm – нижний край выравнивается по нижнему краю текста родителя; tехt-tоp– верхний край текста выравнивается по верхнему краю текста родителя; tор– верхний край фрагмента выравнивается по верхнему краю текста родителя.

White-space

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

Свойство white-space – задает способ отображения пробелов между словами. Принимаемые значения:

normal– из нескольких пробелов оставляется один, символы перевода строки тоже преобразуются в пробелы, браузер сам разрывает и переводит текст на новые строки; nowrap – из нескольких пробелов оставляется один, символы перевода строки тоже преобразуются в пробелы, браузер не разрывает и не переводит строки; pre – все пробелы и символы перевода строк сохраняются, браузер самостоятельно не выполняет разрыв и перенос строк. Текст выглядит так, как было определено разработчиком, без изменений;

pre-line –пробелы преобразуются в один, символы перевода строк сохраняются, браузер сам разрывает и переводит текст на новые строки; pre-wrap – все пробелы и символы перевода строк сохраняются, браузер сам разрывает и переводит текст на новые строки.

Word-wrap

Свойство word-wrap указывает места, где браузер может осуществить перевод строки. Принимаемые значения:

normal – строки разрываются только по пробелам;

break-word – браузер может выполнять разрыв строк внутри слов.

Word-spacing

Свойство word-spacing указывает величину пробелов между словами. Отрицательные значения допускаются. Принимаемые значения:

normal - пространство между словами стандартное;

ширина – Указывает величину пространства в единицах измерения, CSS;

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

Letter-spacing

Свойство letter-spacing определяет расстояние между символами в тексте. Принимаемые значения:

normal - расстояние между символами стандартное;

расстояние - указывает расстояние в единицах измерения CSS, отрицательные значения допустимы;

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

Quotes

Свойство quotes определяет тип кавычек для использования во встроенных цитатах. Принимаемые значения:

none – кавычек нет, то есть будут игнорироваться значения open-quote и close-quote свойства content;

два или четыре строковых значения через пробел – вид кавычек. Первая пара значений будет применена к цитатам первого уровня, следующие два - к вложенным в цитаты первого уровня и т.д.

Строковые значения кавычек можно указывать как в виде символов, так и кодом. Внешний вид кавычек и соответствующие им коды:

"	& #34;	«	& #171;	“	& #8220;
'	& #39;	»	& #187;	”	& #8221;
‹	& #8249;	‘	& #8216;	„	& #8222;
›	& #8250;	’	& #8217;

Пример.

.q {quotes: & #8221; & #8221;; } //Кавычки заданы кодом

.q {quotes: '”' '„'; } //Кавычки заданы строкой

Direction

Свойство direction указывает направление написания текста. Принимаемые значения:

rtl - написание текста справа налево (для иврита или арабского языка);

ltr - слева направо.

Пример.

p {direction: ltr; }

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

⇐ Предыдущая 11 12 13 14 151617 18 19 20 Следующая ⇒