Архив рубрики: CSS

CSS — селекторы

Привет всем! Сегодня мы продолжим знакомство с потрясающей технологией CSS, в рамках чего и познакомимся с понятием «Селектор» (на всякий случай напоминаю — немного информации о CSS было представлено в этой записи).

Что есть селектор в CSS? На самом деле  CSS-стиль имеет две основные части — селектор и блок объявления, который в свою очередь обрабатывает параметры, отвечающие за свойства форматирования — текст, цвета, размер и прочее. Пример можно увидеть чуть ниже: Читать далее CSS — селекторы

CSS — основы

CSS для чайников, часть 1Привет, друзья! Недавняя запись по поводу создания идеально круглой картинки посредством CSS надоумила меня на создание ряда записей, посвященных потрясающе удобной технологии CSS (Cascading Style Sheets — что в переводе звучит приблизительно как «Каскадная таблица стилей»).

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

Итак, для демонстрации работоспособности Читать далее CSS — основы

Круглая картинка с помощью CSS

Нужна совершенно круглая картинка? Чего проще? Берем Photoshop, и режем картинку под нужный размер. Просто, работает во всех браузерах (даже в IE 🙂 ) но … так по-стариковски. Тем более, если речь идет о картинках в количестве, измеряемых десятками или сотнями (бывает и такое)… Лучше использовать CSS — примитивный код, и масса сэкономленного времени.

img {
width: 200px;
height: 200px;
border-radius: 50%;
}

Представленный код, обернутый <style type=»text/css»> позволяет сделать любую картинку совершенно круглой.
Круглая картинка с помощью CSS