Подключаем шрифт в CSS

Пример подключения шрифта. Вместо fontname укажите название того, которой вы хотите подключить


Hello World c 0 строчек HTML

Если очень хочется вывести текст, но не использовать HTML, то можно задействовать стили подобным образом <style>html:after {content: ‘Hello world!'; }</style> Если вы сохраните файл с одной этой строчкой в html файл и откроете в браузере, то увидите Hello world. Можно пойти дальше и вывести псевдо-3D текст. Выглядеть он будет вот так: Текст: <style> html {background:#3695c1;color:#fff;font-size:100px;text-shadow: […]


div с прокруткой

Иногда требуется сделать div с прокруткой, чтобы внедрить широкую таблицу в какую-то область заданного размера. Привожу пример для реализации горизонтальной прокрутки CSS: <style type=»text/css»>   .div_scroll{     width:500px;     height:200px;     overflow-x:scroll;     overflow-y:hidden;   } </style> HTML: <div class=»div_scroll»> //тут располагается то, что можно будет прокручивать внутри дива </div>


Красивые кнопки CSS

Создаем красивые кнопки при помощи CSS. Пример кнопок: Вариант 1 Вариант 2


Красивая рамка для картинок CSS

Для красивого оформления картинок можно использовать следующий CSS .cool_img{ border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); } Пример: