Архив метки: css

CSS: Выравнивание содержимого блоков по вертикали

Чтобы получилось нечто подобное:


HTML:

CSS:

Символ рубля на сайте

Шел конец 2020 года, а мы всё еще не умеем штатно отображать символ рубля. Вот одно из решений:

1) Устанавливаем вот этот шрифт в css:

2) В коде прописываем:

Фон картинки на весь экран CSS

Каждый аз гуглю, когда нужно. Решил таки уж у себя сохранить 😉

Скругление «всего и вся» посредством CSS

rounded-cornersОсновная проблема «скругления», в получении кроссбраузерностни. Я использую следующий код, для «скругления»:

После чего, в HTML добавляем class=»round» для того элемента углы которого хотим «скруглить», например:

Кроссбраузерное подключение шрифтов в html и css

Пришлось помучатся сегодня с одинаковым отображением текста с подключаемыми шрифтами в IE, FireFox,Chrome. Очень пригодились онлайн конвертеры ttf2svg, ttf2eot и ttf2woff. Ниже приведен пример стиля ccs, который является кроссбраузерным: