css3 — вопросы с ответами

Я пытаюсь вертикально выровнять элементы в оболочке идентификатора. Я дал свойство display:inline-flex; к этому идентификатору, поскольку оболочкой идентификатора является гибкий контейнер. Но нет никакой разницы в представлении. Я ожидал, что все в идентификаторе оболочки будет отображаться в inl...

Попытка flexbox nav, которая имеет до 5 элементов и всего лишь 3, но не делит ширину поровну между всеми элементами. Fiddle Учебное пособие, в котором я моделирую это, http://www.sitepoint.com/responsive-fluid-width-variable-item-navigation-css/ SASS * { font-size:16px; } .tabs...

HTML <img src="logo.svg" alt="Logo" class="logo-img"> CSS .logo-img path { fill: #000; } Выше svg загружается и является изначально fill: #fff, но когда я использую вышеуказанный css, чтобы попробовать изменить его на черный, он не изменяется, это мой первый раз, когда я играю с SVG, и...

Я пытаюсь установить макет flexbox с тремя столбцами, где левый и правый столбцы имеют фиксированную ширину, а центральный столбец сгибается, чтобы заполнить доступное пространство. Несмотря на настройку размеров столбцов, они все еще сжимаются, когда окно сжимается. Кто-нибудь знает, как это сде...

Я уже использовал глификоны в bootstrap 2.3, но теперь я обновился до bootstrap 3.0. Теперь я не могу использовать свойство значка. В bootstrap 2.3 ниже работает тег <i class="icon-search"></i> В bootstrap 3.0 он не работает.

В настоящее время я пытаюсь создать эффект масштабирования при наведении на один из четырех моих изображений. Проблема состоит в том, что большинство примеров обычно используют таблицы или маски для применения какого-либо эффекта. Вот один пример, который реализует то, что я хотел бы this. Это - мо...

Я хотел бы настроить таргетинг на все элементы h1..h6 на странице. Я знаю, что вы можете сделать это таким образом... h1, h2, h3, h4, h5, h6 { font-size: 1.2em; } Можно ли это сделать с помощью CSS3 или CSS4? Например: [att^=h] { font-size: 1.2em; } Если это невозможно с CSS3 или 4, каковы нек...

Я искал решение какое-то время, но ничего не нашел. Возможно, это только мои поисковые термины. Ну, я пытаюсь сделать центр холста в соответствии с размером окна браузера. Холст 800x600. И если окно становится ниже 800x600, оно также должно изменяться (но это не очень важно на данный момент)...

Я уже видел этот пост и пробовал все, что мог, чтобы изменить дополнение для моего заполнителя, но, увы, похоже, что он просто не хочет сотрудничать. В любом случае, вот код для css. ( EDIT: это сгенерированный css от sass) #search { margin-top: 1px; display: inline; float: left; margin-left...

Как мне это сделать? Я хочу, чтобы мой элемент выглядел так, как будто у него есть тени. Я не хочу тень для других трех сторон.

Я нашел этот фрагмент кода в файле CSS, который я унаследовал, но я не могу понять, что это: @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } } В частности, что происходит в первой строке?

Я пытаюсь применить градиент к границе, я думал, что это так же просто, как сделать это: border-color: -moz-linear-gradient(top, #555555, #111111); Но это не работает. Кто-нибудь знает, как правильно сделать градиенты границы?

Я хочу повернуть одно слово текста на 90 градусов, используя кросс-браузер ( >= IE6, >= Firefox 2, любую версию Chrome, Safari или Opera). Как это можно сделать?

Как создать закругленные углы с помощью CSS?