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

Позиционирование

Для начала разберемся с самим понятием позиционирование. Позиционированием называют определение конкретного месторасположения на странице того или иного элемента (бокса). Позиционирование бывает абсолютным, относительным, фиксированным и статическим. Потороплюсь с примером, ниже будем разбираться, что в нем написано. <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html> <head> <title>Позиционирование.</title> </head> <body> <div style=”float: left; background: #c00; border-style: …

Стиль списка

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

Полоса прокрутки

Коротенькая и совсем несложная глава про цвет полосы прокрутки. Для того чтобы изменить дизайн полосы прокрутки, раскрасить её на свой лад, необходимо воспользоваться свойствами из семейства scrollbar, присвоив их нужному элементу. В качестве элементов могут выступать любые блоки, в которых гипотетически может появляться полоса прокрутки <div>, <textarea>, <iframe> и т.д.. в том числе и сама страница – тег <body>. …

Псевдоклассы

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

Псевдоэлементы

Псевдоэлементы – это особый вид свойств CSS, которые позволяют работать не над самим элементом, а над его отдельной частью. Вот перечень всех псевдоэлеметов: :first-letter – Стиль первой буквы текстового блока :first-line – Стиль первой строки текстового блока :after – Добавляет содержимое после элемента. :before – Добавляет содержимое до элемента. ::selection – Стиль выделенного пользователем текста. Так же как и в …

Справочник CSS

Свойства CSS Описание свойств CSS background Определяет стиль фона. (базовый атрибут). Используется когда стилю фона необходимо одновременно присвоить несколько значений. Может иметь от одного до пяти значений из атрибутов применяемых к стилю фона. Атрибуты стиля фона и их возможные значения: background-attachment – прокрутка фонового изображения. fixed – фиксированный фон. scroll – подвижный фон (по умолчанию). background-color – определяет цвет …