Привлекательные радиокнопки HTML & CSS На чтение 1 мин. Просмотров 650 Опубликовано 07.05.2020 Обновлено 07.05.2020 HTML <form> <label> <input type=»radio» name=»radio» checked /> <span>HTML</span> </label> <label> <input type=»radio» name=»radio» /> <span>CSS</span> </label> <label> <input type=»radio» name=»radio» /> <span>Javascript</span> </label> </form> CSS form { display: -webkit-box; […]

Красивая стилизация таблицы на CSS – Di-Grand table {     overflow:hidden;     border:1px solid #d3d3d3;     background:#fefefe;     width:70%;     margin:5% auto 0;     -moz-border-radius:5px; /* FF1+ */     -webkit-border-radius:5px; /* Saf3-4 */     border-radius:5px;     -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);     -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } th, td {     padding:18px 28px 18px;     text-align:center; } th {     padding-top:22px; […]

CSS drop shadow — создание тени при помощи CSS Техника создания «гибких» теней при помощи CSS применимая к блочным элементам. Техника создания «гибких» теней при помощи CSS применимая к блочным элементам.Technique to build flexible CSS drop shadows applied to arbitrary block elements.Большинство существующих техник для создания теней используют изображения — эта нет.Most of the existing […]

35 CSS-текстовых эффектов на любую тему для вашего сайта Мы уже опубликовали несколько недель назад серию текстовых эффектов CSS для улучшить представление заголовка h3 продукта или заголовок записи об услуге, которая продается на веб-сайте клиента. Текстовые эффекты CSS, способные дать ту точку качества, которую мы ищем, чтобы произвести впечатление на клиента и надолго сохранить нас […]

Стилизация переключателей (радио-кнопок) в CSS Радио-кнопки подразумевают, что вы выбираете один элемент из некоторого количества, поэтому элемент <input type=»radio»> получил название переключателя в отличие от флажков, которые подразумевают множественный выбор. Браузеры довольно неплохо отображают радиокнопки по умолчанию. Выбор 1 Выбор 2 Выбор 2 Однако, вам может понадобится как-то стилизовать эти элементы для своего сайта. […]

HTML и CSS с примерами кода Универсальное свойство transition, которое позволяет одновременно задать значения transition-property, transition-duration, transition-timing-function и transition-delay. Устанавливает эффект перехода между двумя состояниями элемента, они могут быть определены с помощью псевдокласса :hover или :active, а также динамически через JavaScript. Переходы и Анимации Синтаксис /* Apply to 1 property */ /* property name | […]

что это, для чего используется CSS (Cascading Style Sheets, с англ. каскадные таблицы стилей) представляет собой формальный язык, который используется для указания внешнего вида страницы, сформированной при помощи языка гиперразметки XML, XHTML или HTML. Веб-разработка Цели использования CSS Самое главное предназначение CSS — указание внешнего вида страницы, ее содержания. Если страница будет реализована исключительно на […]

Как выровнять по вертикали внутри ? У меня следующая ситуация у меня на глазах: http://fiddle.jshell.net/fr3TD/ Здесь я пытался выровнять по вертикали тег <p> внутри моего <div> . Я рассматривал ряд решений, включая vertical-align, математически вычисляя padding для моего <p> и т. д. Ни один из них не кажется идеальным решением, так как мой HTML будет […]

HTML и CSS с примерами кода Правило @keyframes управляет промежуточными шагами в последовательности анимации CSS, определяя стили для ключевых кадров последовательности анимации. Это дает больший контроль над промежуточными этапами анимационной последовательности, чем переходы. @-правила Переходы и Анимации Синтаксис @keyframes slidein { from { margin-left: 100%; width: 300%; } 50% { margin-left: 50%; width: 200%; } […]

CSS позиционирование, обтекание элементов и контекст наложения CSS рассматривает макет html-документа как дерево элементов. Уникальный элемент, у которого нет родительского элемента, называется корневым элементом. Модуль CSS-позиционирование описывает, как любой из элементов может быть размещен независимо от порядка документа (т.е. извлечен из «потока»). В CSS2 каждый элемент в дереве документа генерирует ноль или более блоков в […]