Зображення і css

Статті> Зображення і CSS

Самі по собі каскадні таблиці стилів не використовуються для приміщення на Web-сторінки основних зображень. Незважаючи ні на що, це завдання виконується за допомогою тега . Проте, вони застосовуються для управління основними зображеннями, для вставки та управління фоновими зображеннями. Наступна розмітка виконує вставку зображення:

CSS можна використовувати для зміни розміру, визначення місця розташування і штрихування зображення. Наприклад, замість значень height і width в HTML можна зробити наступне:

Швидше за все, браузери будуть і надалі покладатися на атрибути HTML, так що поки не варто відправляти їх в утиль.

Крім того, уникаючи визначення базових налаштувань вирівнювання в HTML, ви можете покласти це завдання на CSS.

Можна встановлювати поля, користуватися іншими можливостями, але щоб домогтися більшої точності, є можливість позиціонування зображення на сторінці більш специфічними засобами CSS:

Як видно з останнього правила, можна навіть ставити значення z-index і поміщати зображення поверх інших об'єктів сторінки. Нарешті, до деяких зображень має сенс застосовувати стильові ефекти на зразок кордонів:

Більшість цих можливостей можна реалізувати засобами HTML, хоча в цьому випадку виконання буде менш акуратним; CSS виділяється тими своїми функціями, які пов'язані з фоновими зображеннями.