Результаты поиска
| Тип поиска | Синтаксис поиска |
|---|---|
| Метки | [метка] |
| Точно | "слова в кавычках" |
| Автор |
user:1234 user:me (ваши) |
| Рейтинг |
score:3 (3+) score:0 (нет) |
| Ответов |
answers:3 (3+) answers:0 (нет) isaccepted:yes hasaccepted:no inquestion:1234 |
| Просмотры | views:250 |
| Код | code:"if (foo != bar)" |
| Секции |
title:яблоки body:"яблоки апельсины" |
| Ссылка | url:"*.example.com" |
| Закладки | in:saves |
| Статус |
closed:yes duplicate:no migrated:no wiki:no |
| Типы |
is:question is:answer |
| Исключить |
-[метка] -яблоки |
| Для получения дополнительной информации о расширенном поиске посетите нашу страницу справки | |
Результаты поиска по меткам html5
Параметры поиска: not deleted
user 184894
11 результатов
HTML5 (HyperText Markup Language, version 5) — пятая версия языка разметки, служащего для структурирования и представления содержимого страниц для всемирной паутины.
3
голоса
Принятый
Работа с transform: rotate(45deg) для верстки ромба
Лучше всего подойдут псевдоэлементы :before или :after. Которые мы и будем крутить. Можно вообще не оборачивать в блок иконку. Принцип из примера будет понятен.
* {
margin: 0;
padding: 0;
…
2
голоса
Отступы между символами в сообщении валидации html5
Если хочется, чтоб номер телефона разделялся определенным способом, то попробуйте данную реализацию через JS:
new Formatter(document.getElementById('phone-input'), {
'pattern': '+38 ({{999}}) …
5
голосов
Принятый
Видео HTML5 по центру
Вот вам готовое решение с видео.
.top-video {
position: relative;
width: 100%;
padding-bottom: 40%;
overflow: hidden;
}
#video-background {
position: absolute;
left: 0;
top: 50%;
…
4
голоса
Принятый
Легкий паралакс
По parallax эффекту:
$(document).ready(function() {
var wHeight = $(window).height();
function parallax() {
var pHeight = $(this).outerHeight();
var pMiddle = pHeight / 2;
…
6
голосов
Принятый
3-х колоночная резиновая верстка (контент должен грузится первым, потом сайдбары)
Так?
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
}
.clr:after {
content: '';
display: table;
clear: both;
}
main {
max-width: 800px;
width: 100 …
4
голоса
Легкий паралакс
Вот решение для второго parallax-эффекта:
var $layerParallax = $('.layer-parallax');
if ( ! Modernizr.touch ) {
if ( $layerParallax.length > 0 ) {
$layerParallax.parallax();
}
}
.lay …
3
голоса
Видео с youtube бэкграундом на сайте
Вот работающий пример. ID видео добавляется непосредственно в скрипт. Можно задать несколько видео, время старта и окончания.
http://codepen.io/pen/KrmdAG
Отредактируете класс .cover под ваши нужды, …
17
голосов
Принятый
Как в CSS сверстать неровную фигуру?
Первый вариант с градиентом:
div {
width: 500px;
padding-bottom: 40%;
max-width: 100%;
background: #000;
margin: 30px auto;
border-top: 2px solid #000;
background: linear-gr …
0
голосов
Зачем применяют данные псевдо-элементы почти к каждому блоку на многих сайтах?
Псевдоэлементы :before и :after могут быть полезны в множестве случаев.
Массовый характер получили из-за очистки float: left и float: right.
Стандартное применение:
.clearfix::after {
content: …
1
голос
Не работают псевдоселекторы first-child и nth-child
Селектор необходимо применять к первым вложенным элементам в родитель. Учитывая разную разметку в примере я бы привязался вот так:
.features {
width: 695px;
margin: 0 auto;
text-transfor …
1
голос
Как задать блокам с float: left высоту контейнера
Что вам мешало использовать height: inherit;?
main {
height: 100px;
}
div {
float: left;
width: 100px;
margin-right: 10px;
height: inherit;
background: #eee;
}
<main>
<div></div>
…