Модуль № 1

1*{font-family: serif} задає шрифт с засечками

2*{font-family: sans-serif} задає без засечек

3*{font-family: cursive} задає курсив

4*{font-family: fantasy} задає декоративные шрифты

5*{font-family: monospace} задає моноширинный

6*{font-size: 90%} задає размер шрифта, 90% от родительского

7*{font-size: medium}задає Размер шрифта medium (по умолчанию), как 3 в html

8*{font-size: 2 еm}задає в 2 раза больше font-size документа, если не задано, от 16px

9*{font-size: 36 pt}задає 36 пунктов, 0,5 дюйма (абсолютная единица)

10*Атрибут font-style задає Определяет начертание шрифта, наклон

11*Атрибут font-style не може набувати таких значень (может только normal | italic | oblique | inherit)

12*{font-style: italic}задає Курсивное начертание

13*{font-style: oblique}задає Наклонное начертание образуется путем наклона обычных знаков вправо.

14*Атрибут font-weight задає насыщенность шрифта

15*Атрибут font-weight не може набувати таких значень

(может bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900)

16*Атрибут letter-spacing задає интервал между символами в пределах элемента

17*Атрибут line-height задає межстрочный интервал, интерлиньяж

18*Атрибут text-align задає горизонтальное выравнивание текста в пределах элемента.

19*Атрибут text-align не може набувати таких значень може center | justify | left | right | start | end | inherit

20*Параметр text-decoration не може набувати таких значень може blink | line-through | overline | underline ] | none | inherit

21*{text-decoration: none} Отменяет все эффекты, в том числе и подчеркивания у ссылок, которое задано по умолчанию.

22*{text-decoration: line-through } Создает перечеркнутый текст

23*{text-decoration: overline } Линия проходит над текстом

24*{text-decoration: underline } Устанавливает подчеркнутый текст

25*Атрибут text-indent задає величину отступа первой строки блока текста

26*Атрибут text-transform задає Управляет преобразованием текста элемента в заглавные или прописные символы

27*Атрибут text-transform не може набувати таких значень может capitalize | lowercase | uppercase | none | inherit

28*{text-transform:lowercase}задає Все символы текста становятся строчными (нижний регистр)

29*{text-transform:uppercase}задає Все символы текста становятся прописными (верхний регистр).

30*Атрибут word-spacing задає Устанавливает интервал между словами

31*Параметр background не може набувати значень background-attachment || background-color || background-image || background-position || background-repeat] | inherit

32*{background-color: RGB(249, 201, 16)} задає цвет фона в формате red, green, blue

33*Атрибут background-repeat не може набувати таких значень может no-repeat | repeat | repeat-x | repeat-y | inherit

34*background-image{url('images/bg.gif')} задає фон-картинку

35*{background-attachment: fixed} задає Делает фоновое изображение элемента неподвижным.

36*{background-attachment: scroll} задає Позволяет перемещаться фону вместе с содержимым.

37*{background-position: right bottom} задає в правом нижнем углу

38*{background-position: top center} задає по центру вверху

39*Параметр border не може набувати таких значень может border-width || border-style || border-color] | inherit

40*Атрибут border-width задає толщину границы

41*Атрибут border-width не може набувати таких значень может значение | thin | medium | thick

42*Атрибут border-style не може набувати таких значень none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset] {1,4} | inherit

43*{border-style: double} встановлює двойную рамку

44*{border-style: dashed} встановлює штриховкой рамку

45*{border-style: solid} встановлює простую сплошную

46*{border-style: dotted} встановлює квадратиками

47*Параметр position задає способ позиционирования элемента относительно окна браузера или других объектов на веб-странице.

48*Параметр position не може набувати таких значень может absolute | fixed | relative | static | inherit

49*Параметр overflow не може набувати значень может auto | hidden | scroll | visible | inherit

50*{overflow: scroll} Всегда добавляются полосы прокрутки.

51*{overflow: visible} Отображается все содержание элемента, даже за пределами установленной высоты и ширины.

52*{overflow: hidden} Отображается только область внутри элемента, остальное будет скрыто.

53*{overflow: auto} Полосы прокрутки добавляются только при необходимости.

54*Параметр float визначає по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон.

55*Параметр float не може набувати таких значень может left | right | none | inherit

56*Атрибут vertical-align задає Выравнивает элемент по вертикали относительно своего родителя, окружающего текста или ячейки таблицы.

57*{vertical-align: 0,8 em} смещает элемент вверх относительно базовой линии

58*{vertical-align:-0,8 em}задає смещает элемент вниз относительно базовой линии

59*Параметр list-style задає позволяющее одновременно задать стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера

60*Параметр list-style не може набувати таких значень может list-style-type || list-style-position || list-style-image | inherit

61*Атрибут list-style-image задає адрес изображения, которое служит в качестве маркера списка

62*Атрибут list-style-position може набувати таких значень inside | outside

63*Атрибут list-style-type задає Изменяет вид маркера для каждого элемента списка

64*{list-style-type: square} встановлює Маркер в виде квадрата.

65*{list-style-type: circle} встановлює Маркер в виде кружка.

66*{list-style-type: decimal} встановлює Арабские числа (1, 2, 3, 4,...).

67*{list-style-type: lower-roman} встановлює Римские числа в нижнем регистре (i, ii, iii, iv, v,...).

68*{list-style-type: upper-alpha} встановлює Заглавные латинские буквы (A, B, C, D,...).

69*{list-style-type: upper-roman} встановлює Римские числа в верхнем регистре (I, II, III, IV, V,...).

70*{list-style-type: lower-alpha} встановлює Строчные латинские буквы (a, b, c, d,...).

71*Атрибут margin задає величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента

72*{margin-left: 40px} встановлює величину отступа от левого края элемента в 40px

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

74*{padding-left: 40px} встановлює значение поля от левого края содержимого элемента в 40px

75*Параметр border-collapse тега TABLE Устанавливает, как отображать границы вокруг ячеек таблицы.

76*{border-collapse: collapse} встановлює Линия между ячейками отображается только одна, также игнорируется значение атрибута cellspacing.

77*Параметр border тега <IMG> встановлює установить рамку вокруг картинки

78*Параметр height тега <IMG> встановлює высоту картинки, не учитывая границы и отступы

79*Параметр width тега <IMG> встановлює ширину

80*Параметр src тега <IMG> встановлює Адрес графического файла, который будет отображаться на веб-странице

81*Параметр table-layout тега TABLE Определяет, как браузер должен вычислять ширину ячеек таблицы, основываясь на ее содержимом.

82*Параметр table-layout тега TABLE може набувати значення auto | fixed | inherit

83*Тег HR служить для Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров,

84*Атрибут align тега TABLE задає выравнивание таблицы по краю окна браузера.

85*Атрибут align тега TABLE не може набувати таких значень может left | center | right

86*Атрибут cellspacing тега TABLE задає расстояние между внешними границами ячеек. Если установлен атрибут border, толщина границы принимается в расчет.

87*Атрибут cellpadding тега TABLE задає расстояние между границей ячейки и ее содержимым

88*Атрибут cols тега TABLE задає количество столбцов в таблице, помогая браузеру в подготовке к ее отображению. Без этого атрибута таблица будет показана только после того, как все содержимое таблицы будет загружено в браузер и проанализировано. Использование атрибута cols позволяет несколько ускоритьотображение содержимого таблицы.

89*Атрибут align тега TD задає выравнивание содержимого ячейки по горизонтали.

90*Атрибут valign тега TD задає вертикальное выравнивание содержимого ячейки. По умолчанию контент ячейки располагается по ее вертикали в центре.

91*Атрибут colspan тега TD задає число ячеек, которые должны быть объединены по горизонтали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.

92*Атрибут rowspan тега TD задає число ячеек, которые должны быть объединены по вертикали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.

93*Атрибут height тега TD задає Браузер сам устанавливает высоту таблицы и ее ячеек исходя из их содержимого. Однако при использовании атрибута height высота ячеек будет изменена. Здесь возможны два варианта. Если значение height меньше, чем содержимое ячейки, то этот атрибут будет проигнорирован. В случае, когда установлена высота ячейки, превышающая ее содержимое, добавляется пустое пространство по вертикали.

94*Атрибут width тега TD задає ширину ячейки. Если общая ширина содержимого превышает указанную ширину ячейки, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в ячейке находятся изображения, атрибут width будет проигнорирован, и новая ширина ячейки будет вычислена на основе ее содержимого.

95*Атрибут height тега TABLE задає высоту таблицы

96*Атрибут width тега TABLE задає ширину таблицы. Если общая ширина содержимого превышает указанную ширину таблицы, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в таблице находятся изображения, атрибут width будет проигнорирован, и новая ширина таблицы будет вычислена на основе ее содержимого.

97*Атрибут align тега COL задає выравнивание содержимого колонок по горизонтали

98*Атрибут valign тега COL задає вертикальное выравнивание содержимого колонки.

99*Атрибут span тега COL задає число колонок, к которым будут применяться заданные характеристики

100*Атрибут width тега COL задає ширину колонки.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: