«Каскадные таблицы стилей»

Что такое CSS?

Если Вы уже прошли курс обучения по учебнику HTML или же хорошо знакомы с HTML почерпнув необходимые знания из других источников, то настало время взяться за изучение CSS. CSS (Cascading Style Sheets) – Каскадные таблицы стилей – это свод стилевых описаний, тех или иных HTML тегов (далее элементов HTML), который может быть применён как к отдельному тегу – …

Внедрение CSS в HTML документ.

В этой главе речь пойдет о том, как внедрить CSS в документ HTML, то есть связать стилевое описание элемента непосредственно с самим элементом, каким либо HTML тегом. Осуществить данную задачу можно тремя способами: Написать стилевое описание непосредственно в самом элементе. Такой способ хорош лишь в том случае если таковой элемент один единственный в HTML документе …

Свойства текста

В этой главе пойдет речь о том, что можно сделать с текстом, применяя к элементам HTML содержащие в себе некий текст те или иные свойства CSS. Выравнивание текста. Если Вы помните, из курса HTML, для того что бы выровнять текст, например по центру экрана, мы применяли к тегу содержащему в себе текст атрибут align(выравнивание) и одно …

Свойства шрифта

В предыдущей главе мы рассмотрели свойства текста, в этой поговорим о том что можно сделать с шрифтом используя инструменты CSS. Стиль шрифта Свойство font-style, в зависимости от выбранного значения, определяет стиль шрифта. Шрифт может иметь следующие стили: normal – обычный (по умолчанию) italic – курсив oblique – наклонный Пример: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html> <head> …

Цвет и фон

В этой главе мы поговорим о том, как с помощью CSS присвоить цвет элементу и его фону, а так же о том, как использовать рисунок в качестве фона элемента и управлять его положением. Перед тем как перейти непосредственно к обучению, проведу краткий экскурс на тему: “Цвета в Интернете” Цвет в CSS может быть задан тремя …

Границы элемента

В этой главе мы поговорим о том, как сделать с помощью CSS рамку – бордюр, вокруг того или иного элемента. В HTML эта задача лежала на плечах атрибута border, однако его можно было применить далеко не к каждому тегу (элементу) да и не всегда он мог решить ту или иную дизайнерскую задумку. В CSS эту задачу …

Классы и идентификаторы

Данная глава является своего рода продолжением главы первой о способах внедрения CSS в HTML документ.Отложил эту главу “на потом”, нарушив тем самым стандартную последовательность обучения CSS, с той лишь целью, чтобы раньше времени не забивать Вам голову информацией, которая в начале была для Вас малопонятной. Теперь, когда Вы уже познакомились с некоторыми свойствами CSS, поняли принцип …

Размеры элемента

Блоки и строки. Прежде чем говорить о работе с размерами элементов их расположении, полях и отступах, расскажу немного о самих элементах, точнее об их типах. Все элементы (теги) можно разделить на две категории: Блочные и строковые. Чем они отличаются? Думаю, сами названия уже говорят о различиях. Блочные или боксовые элементы – это контейнеры, прямоугольные области …

Поля и отступы

В этой главе мы поговорим о полях (свойство margin) и отступах (свойство padding) элемента. Между собой эти два свойства весьма схожи, однако все же это два абсолютно разных свойства. Давайте разберемся в этих понятиях.. Поле (margin) – Это расстояние от внешней границы элемента до границы окна браузера или же элемента родителя.. ну границы того блока в который …

Курсоры

Свойство CSS cursor позволяет установить нестандартный вид курсора для того или иного элемента – блока, текста, рисунка.. то есть когда пользователь наведет курсор на такой элемент он, курсор то бишь, поменяет свой вид. Курсоры можно выбирать как стандартные, так и подгружать свои собственные пользовательские курсоры – файлы в формате cur, ani или svg. Теперь по порядку.. Стандартные курсоры. Вы наверняка …

Форматирование

В этой главе речь пойдет о форматировании элементов, на самом деле речь об этом уже шла в седьмой главе, в которой мы говорили о размерах элемента – width и height, минимальных и максимальных размеров элемента – max-height, max-width, min -height, min-width и свойстве overflow. Все свойства из седьмой главы относятся к категории “форматирование элементов” однако знания лучше получать порциями, чтобы каши в …

Поплавки

Эх рыбалка.. хорошо бы было сейчас закинув удочку посидеть на каком ни будь тихом пруду под пенье птиц и шорох камыша.. сидишь себе наблюдаешь за поплавком, потягиваешь пивко, где то неподалёку горит костер.. запах ухи смешавшись с ароматами разнотравья кружит голову и ты окунаешься в нирвану.. в мир спокойствия и гармонии.. Ладно, будем считать, что …