Прочитав внимательно данную статью, вы поднимитесь на ступеньку выше к званию КСС знаток. В этой статье находятся описания самых расспространённых классов в КСС. Контент quotes - задает тип кавычек, которые используются для вставленных цитат. counter-reset - создает или сбрасывает один или несколько счетчиков. counter-increment - используется для увеличения значения счетчика приращений content - предназначено для вставки сгенерированного контента Список list-style - объединяет в себе все свойства, которые используются для определения внешнего вида списка. list-style-position - определяет место расположение маркера списка. list-style-type - определяет тип маркера в списке. list-style-image - заменяет маркер списка изображением. Отступы margin-top - определяет верхний отступ для элемента. margin-right - определяет правый отступ для элемента. margin-bottom - определяет нижний отступ для элемента. margin-left - определяет левый отступ для элемента. margin - задает все свойства отступов в одной строке. Поля padding-top - задает верхнее поле для элемента. padding-right - задает правое поле для элемента. padding-left - задает левое поле для элемента. padding-bottom - задает нижнее поле для элемента. padding - задает все свойства полей в одной строке. Позиция объектов top - устанавливает положение верхнего края содержимого элемента без учета толщины рамок и отступов. cursor - определяет тип курсора при наведении мішки на элемент. display - определяет, как элемент должен быть показан в документе. visibility - способно сделать любой видимым или невидимым. right - устанавливает положение правого края содержимого элемента. z-index - управляет расположением элемента по z-оси float - определяет по какой стороне будет выравниваться объект. Остальные элементы будут обтекать его с других сторон. clip - позволяет определить область позиционированного элемента, в которой будет показано его содержимое. left - устанавливает положение левого края содержимого элемента clear - устанавливает с какой стороны элемента запрещено обтекание другими элементами. overflow - управляет отображением содержания блочного элемента bottom - устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов. position - используется для позиционирования элемента. Свойства таблиц caption-side - задает расположение заголовка (подписи) таблицы. empty-cells - позволяет определить показывать границы и фон пустых ячеек или нет. table-layout - позволяет определить алгоритм разметки таблицы. Текст vertical-align - задает вертикальное выравнивание элемента. word-spacing - уменьшает или увеличивает пробелы между словами. white-space - определяет отображение пробелов между словами. text-align - определяет горизонтальное выравнивание текста в элементе. text-indent - определяет отступ первой строки в текстовом блоке. text-decoration - определяет оформление текста. direction - позволяет задать направление отображения текста. line-height - определяет высоту строки. letter-spacing - увеличивает или уменьшает расстояние между буквами в тексте. color - позволяет задать цвет текста. text-transform - контролирует в тексте выделение заглавными буквами. Элементы :lang - добавляет стиль к элементу со специальным атрибутом lang. :hover - добавляет стиль к элементу при наведенной мышкой. :active - добавляет стиль к активному элементу. :first-child - добавляет стилевое оформление к первому дочернему элементу селектора :visited - добавляет стиль к посещенной ссылке. :after - добавляет контент после элемента. :before - добавляет контент до элемента. :focus - добавляет специальный стиль к элементу, который получает фокус. :first-line - добавляет стилевое оформление к первой строке текста. :first-letter - добавляет стилевое оформление к первой букве текста. :link - добавляет стиль к непосещенной ссылке.
TRUST, Vladimir, есть вёрстка двух видов: табличная и дивная. Эта статья больше подходит к дивной вёрстке, там в основном всё внедряется в ксс сайта, а дивы выводят эти классы на шаблон. Пример:
