Атрибуты CSS: основы и практика

Атрибуты CSS - это параметры, которые позволяют задавать стиль и поведение элементов на веб-странице. Они используются для изменения свойств элементов HTML, таких как цвет, размер, шрифт, отступы, границы и т.д.

Примеры атрибутов CSS:

1. background-color: определяет цвет фона элемента.

  body {
    background-color: #f2f2f2;
  }

2. font-size: задает размер шрифта элемента.

  h1 {
    font-size: 36px;
  }

3. border: определяет свойства границ элемента.

  div {
    border: 1px solid #ccc;
  }

4. margin: устанавливает внешние отступы (пространство между элементами и другими элементами).

  p {
    margin: 10px;
  }

5. padding: устанавливает внутренние отступы (пространство между границей элемента и содержимым).

  div {
    padding: 20px;
  }

6. text-align: выравнивает текст внутри элемента по горизонтали.

  h2 {
    text-align: center;
  }

7. display: задает тип отображения элемента (например, блочный или строчный).

  span {
    display: inline-block;
  }

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