border-color (CSS) -

• устанавливает цвет границы на разных сторонах элемента.

Пример: div{

border-color: red;

}

border-radius (CSS) -

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

Пример: div{ border-radius:60px; }

color (CSS) -

• указание цвета для определенного объекта.

Пример: <div> <input type="color" id="body" name="body" value="#f6b73c" /> <label for="body">Body</label> </div>

CSS (CSS) -

• Cascading Style Sheets - каскадные таблицы стилей

display (CSS) -

• определяет тип отображения элемента, как он будет отображаться на веб-странице

Пример:

.exampleTitle {
    border: 1px solid black; /* Параметры рамки */
    border-bottom: none; /* Убираем линию снизу */
    padding: 3px; /* Поля вокруг текста */
    display: inline; /* Устанавливаем как встроенный элемент */
    background: #efecdf; /* Цвет фона */
    font-weight: bold; /* Жирное начертание */
    font-size: 90%; /* Размер текста */
    margin: 0; /* Убираем отступы вокруг */
    white-space: nowrap; /* Отменяем переносы текста */
   }

font (CSS) -

• используется для изменения характеристик шрифта, таких как размер, цвет и наименование шрифта.

Пример:

<p><font size="5" color="red" face="Arial">П</font>ервая буква этого предложения 
    написана шрифтом Arial, выделена красным цветом и увеличена в размерах.</p>

grid (CSS) -

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

Пример:

* {
  box-sizing: border-box;
}

body {
  width: 980px;
  margin: 0 auto;
}

.wrapper {
  padding-right: 20px;
}

hover (CSS) -

• Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата.

Пример:

  <style>
   a:link {
    color: #0000d0; /* Цвет ссылок */
    padding: 2px; /* Поля вокруг текста */ 
   }
   a:hover {
    background: #786b59; /* Цвет фона под ссылкой */ 
    color: #ffe; /* Цвет ссылки */ 
   } 
  </style>

margin (CSS) -

• устанавливает величину отступа от каждого края элемента.

Пример:

body { 
    margin: 0; /* Убираем отступы */
   }

padding (CSS) -

• Устанавливает значение полей вокруг содержимого элемента.

Пример: div{

padding: 20px;
}