Вопросы с тегом «css»

CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.

17
Закругленные углы таблицы Только CSS
Я искал и искал, но не смог найти решения для моих требований. У меня есть простая таблица HTML. Мне нужны закругленные углы, без использования изображений или JS, то есть только чистый CSS . Как это: Закругленные углы для угловых ячеек и 1pxтолстая рамка для ячеек. Пока у меня есть это: …
5
Sass / Compass - преобразование шестнадцатеричного, RGB или именованного цвета в RGBA
Это может быть Compass 101, но кто-нибудь написал миксин, который устанавливает альфа-значение цвета? В идеале я бы хотел, чтобы миксин имел любую форму определения цвета и применял прозрачность: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( …
86 css  sass  compass-sass  rgba 
4
Повернуть и перевести
У меня проблемы с поворотом и позиционированием строки текста. Теперь работает просто позиция. Вращение тоже работает, но только если я отключу позиционирование. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } HTML - это простой текст.
9
'property: 0' или 'property: 0px' в CSS?
Я видел, как эта нотация использовалась часто, и мне было интересно, есть ли какая-нибудь заметная разница между этими двумя обозначениями? element#id { property: 0; } а также element#id { property: 0px; } Я использую property: 0px;все время, так как он выглядит чище, но я не совсем уверен, интерпретирует ли браузер …
86 css  properties  zero 
6
Расширение селекторов из медиа-запросов с помощью Sass
У меня есть класс элемента и компактный класс «модификатор»: .item { ... } .item.compact { /* styles to make .item smaller */ } Это отлично. Однако я хотел бы добавить @mediaзапрос, который заставляет .itemкласс быть компактным, когда экран достаточно мал. На первый взгляд это то, что я пытался сделать: .item …
16
Заставить браузер обновлять css, javascript и т. Д.
Я разрабатываю веб-сайт на основе исходного кода Wordpress через XAMPP. Иногда я меняю код CSS, сценарии или что-то еще и замечаю, что моему браузеру требуется время, чтобы применить изменения. Это заставляет меня использовать несколько браузеров для обновления одного, и если новые стили не применяются, я пробую второй, и он всегда …
21
Раскрывающаяся кнопка начальной загрузки внутри адаптивной таблицы не отображается из-за прокрутки
У меня проблема с раскрывающимися кнопками внутри таблиц, когда они отзывчивы и прокручиваются, потому что раскрывающийся список не отображается из-за overflow: auto;свойства. Как я могу исправить это, чтобы отображалась раскрывающаяся опция кнопки, когда она свернута? Я могу использовать jQuery, но после того, как у меня возникли проблемы с прокруткой влево-вправо, …
3
CSS: псевдокласс selected аналогично: checked, но для элементов <select>
Есть ли способ стилизовать текущий выбранный &lt;option&gt;элемент в &lt;select&gt;элементе? Затем я мог бы задать цвет фона для текущего выбранного элемента опции? Таким образом я могу стилизовать вариант, который в настоящее время отображается в закрытом раскрывающемся списке.
7
Могу ли я использовать webpack для генерации CSS и JS отдельно?
У меня есть: JS-файлы, которые я хочу связать. МЕНЬШЕ файлов, которые я хочу скомпилировать в CSS (преобразование @imports в один пакет). Я надеялся указать их как два отдельных входа и иметь два отдельных выхода (вероятно, через extract-text-webpack-plugin). Webpack имеет все необходимые плагины / загрузчики для компиляции, но, похоже, ему не …
10
Могу ли я добавить цвет фона только для заполнения?
У меня есть поле заголовка, включая границу, отступы и цвет фона для этого поля, могу ли я изменить цвет фона только для области с заполнением после границы, а затем тот же цвет фона для остальной части ширины (т.е. серый в данном коде) ? Просто щепотка кода, где мне нужен цвет …
86 css 
2
В чем разница между начальным и неустановленным значениями?
Простой пример: HTML &lt;p style="color:red!important"&gt; this text is red &lt;em&gt; this text is in the initial color (e.g. black) &lt;/em&gt; this is red again &lt;/p&gt; CSS em { color:initial; color:unset; } В чем разница между initialи unset? Поддерживает только браузеры CanIUse: неустановленное значение CSS Разработчик Mozilla Web CSS initial
86 css 
4
Цвет складываемых полупрозрачных коробок зависит от заказа?
Почему окончательный цвет двух уложенных друг на друга полупрозрачных коробок зависит от порядка? Как сделать так, чтобы в обоих случаях я получал одинаковый цвет? .a { background-color: rgba(255, 0, 0, 0.5) } .b { background-color: rgba(0, 0, 255, 0.5) } &lt;span class="a"&gt;&lt;span class="b"&gt; Color 1&lt;/span&gt;&lt;/span&gt; &lt;span class="b"&gt;&lt;span class="a"&gt;Different Color 2&lt;/span&gt;&lt;/span&gt; …
10
Размер шрифта относительно разрешения экрана пользователя?
У меня гибкий веб-сайт, а меню составляет 20% от его ширины. Я хочу, чтобы размер шрифта меню измерялся правильно, чтобы он всегда соответствовал ширине поля и никогда не переходил на следующую строку. Я думал об использовании «em» в качестве единицы измерения, но это зависит от размера шрифта браузера, поэтому, когда …
86 css  measurement 
2
Поля формы отправки внутри дисплея: нет элемента
У меня есть длинная форма, которую я разбил на 6 шагов. Когда форма загружена, загружаются все шаги, но виден только первый шаг. У остальных есть CSS, display:noneпоэтому они скрыты. Когда шаг завершен и подтвержден с помощью Javascript, для текущего шага устанавливается значение, display:noneа для нового - display:block. На последнем этапе …
86 javascript  css  forms 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.