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

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

3
Дисплеи Retina, фоновые изображения высокого разрешения
Это может показаться глупым вопросом. Если я использую этот фрагмент CSS для обычных дисплеев (где box-bg.png200 на 200 пикселей); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } и если я использую медиа-запрос, подобный этому, для нацеливания на дисплеи сетчатки (с изображением @ 2x, являющимся версией с высоким разрешением); @media (-webkit-min-device-pixel-ratio: …
4
Возможно ли в SASS наследование от класса в другом файле?
Вопрос в значительной степени говорит обо всем. Например, если бы я использовал, скажем, Twitter Bootstrap , мог бы я определить классы в моей собственной таблице стилей SASS, которые наследуются от классов CSS Bootstrap? Или наследование в SASS работает только в рамках одного файла?
11
CSS-классы и подклассы
Возможно ли это, кроме того, что я делаю, потому что это не работает? Я хочу иметь подклассы, принадлежащие классу, чтобы использовать CSS специально для этого класса. CSS .area1 { border:1px solid black; } .area1.item { color:red; } .area2 { border:1px solid blue; } .area2.item { color:blue; } HTML <div class="area1"> …
102 css 
14
Как стилизовать SVG с помощью внешнего CSS?
У меня есть несколько изображений SVG, цвета которых я хотел бы изменить с помощью внешних таблиц стилей, а не непосредственно в каждом файле SVG. Я не помещаю графику в строку, а храню ее в папке с изображениями и указываю на них. Я реализовал их таким образом, чтобы всплывающие подсказки работали, …
102 html  css  svg  stylesheet  external 
15
Анимация CSS3: отображение + непрозрачность
У меня проблема с анимацией CSS3. .child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .parent:hover .child { opacity: 0.9; display: block; } Этот код работает, только если я удалю изменение display. Я хочу изменить отображение сразу после наведения, но …
102 animation  css 
3
Как я могу объединить flexbox и вертикальную прокрутку в полноразмерном приложении?
Я хочу использовать полноразмерное приложение с помощью flexbox. Я нашел то, что хочу, используя старый модуль макета flexbox ( display: box;и другие вещи) по этой ссылке: CSS3 Flexbox full-height app and overflow Это правильное решение для браузеров, которые поддерживают только старую версию свойств CSS flexbox. Если я хочу попробовать использовать …
102 html  css  flexbox 
12
Заменить input type = file изображением
Как и многие люди, я хотел бы настроить некрасивое input type=file, и я знаю, что это невозможно сделать без некоторых хаков и / или javascript. Но дело в том, что в моем случае кнопки загрузки файлов предназначены только для загрузки изображений ( jpeg | jpg | png | gif ), …
102 css  image  file  button  input 
9
Сделайте вид 80% ширины родителя в React Native
Я создаю форму в React Native и хочу сделать TextInput80% ширины экрана. С HTML и обычным CSS это было бы просто: input { display: block; width: 80%; margin: auto; } За исключением того, что React Native не поддерживает displayсвойства, ширину в процентах или автоматические поля. Так что же мне делать …
2
Как применить стиль ко всем дочерним элементам элемента
У меня есть элемент с class='myTestClass'. Как применить стиль CSS ко всем дочерним элементам этого элемента? Я хочу применить стиль только к дочерним элементам. Не его внуки. Я мог бы использовать .myTestClass > div { margin: 0 20px; } которые работают для всех divдетей, но я хотел бы решение, которое …
102 css  css-selectors 
13
Как вы зависаете в ReactJS? - onMouseLeave не регистрируется при быстром наведении
Как вы можете добиться в ReactJS события зависания или активного события, когда вы выполняете встроенные стили? Я обнаружил, что подход onMouseEnter, onMouseLeave содержит ошибки, поэтому надеюсь, что есть другой способ сделать это. В частности, если вы очень быстро наведете курсор мыши на компонент, будет зарегистрировано только событие onMouseEnter. OnMouseLeave никогда …
8
Превратите число в отображение звездного рейтинга с помощью jQuery и CSS
Я смотрел плагин jquery и задавался вопросом, как адаптировать этот плагин, чтобы превратить число (например, 4.8618164) в 4.8618164 звезды, заполненные из 5. В основном интерпретация числа <5 в звезды, заполненные в 5-звездочной рейтинговой системе с использованием jQuery / JS / CSS. Обратите внимание, что это будет отображать только рейтинг в …
101 javascript  jquery  css  rating 
3
МЕНЬШЕ классов вложенности CSS
Я использую LESS для улучшения своего CSS и пытаюсь вложить класс в класс. Там довольно сложная иерархия, но по какой-то причине моя вложенность не работает. У меня есть это: .g { float: left; color: #323a13; .border(1px,#afc945); .gradient(#afc945, #c8da64); .common; span { .my-span; .border-dashed(1px,rgba(255,255,255,0.3)); } .posted { .my-posted; span { border: …
101 css  nested  less 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.