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

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

12
Как я могу сделать пространство между двумя кнопками в одном div?
Каков наилучший способ горизонтального размещения кнопок Bootstrap? На данный момент кнопки касаются: <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more </button> </div> jsfiddle показывает проблему: http://jsfiddle.net/hhimanshu/sYLRq/4/
2
Есть ли способ использовать две тени CSS3 для одного элемента?
Я пытаюсь воспроизвести стиль кнопок в макете Photoshop, в котором есть две тени. Первая тень - это внутренняя тень от более светлого прямоугольника (2 пикселя), а вторая - тень от самой кнопки (5 пикселей). В фотошопе это легко - Inner Shadow и Drop Shadow. В CSS я, видимо, могу иметь …
157 css 
17
Bootstrap 3 и Youtube в модале
Я пытаюсь использовать модальную функцию из Bootstrap 3, чтобы показать мое видео на Youtube. Это работает, но я не могу нажимать на кнопки в видео на Youtube. Любая помощь в этом? Вот мой код: <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div …
9
CSS: анимация против перехода
Итак, я понимаю, как выполнять CSS3-переходы и анимацию. Что не ясно, и я погуглил, это когда использовать какой. Например, если я хочу сделать отскок мяча, ясно, что анимация - это путь. Я мог бы предоставить ключевые кадры, и браузер сделал бы промежуточные кадры, и у меня будет хорошая анимация. Однако …
9
Как центрировать div по вертикали внутри абсолютно позиционированного родительского div
Я пытаюсь поместить синий контейнер посередине розового, но, похоже vertical-align: middle;, в этом случае не работает. <div style="display: block; position: absolute; left: 50px; top: 50px;"> <div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;"> <div style="background-color: lightblue;">test</div> </div> </div> Результат: Ожидание: Пожалуйста, подскажите, как я могу этого добиться. Jsfiddle
16
CSS: как нарисовать круг с текстом в середине?
Я нашел этот пример на stackoverflow: Нарисуйте круг, используя только CSS Что здорово. Но я хотел бы знать, как изменить этот пример, чтобы я мог включить текст в середине круга? Я также нашел это: вертикально и горизонтально центрируя текст по кругу в CSS (например, значок уведомления iphone) но по какой-то …
156 css  css-shapes 
6
Пользовательский стиль списка li со значком шрифта
Я задаюсь вопросом, можно ли использовать классы font-awesome (или любой другой иконический шрифт) для создания настраиваемого <li>типа стиля списка? В настоящее время я использую jQuery для этого, то есть: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); Тем не менее, это не работает должным образом, когда <li>текст переносится по странице, так как считает значок частью текста, …
12
css 'указатель-события' альтернатива свойства для IE
У меня есть раскрывающееся меню навигации, в котором некоторые заголовки не должны переходить на другую страницу при нажатии (эти заголовки открывают раскрывающееся меню при нажатии), в то время как другие должны перемещаться (у них нет раскрывающегося списка и они перемещаются напрямую). Однако оба типы hrefопределили им Чтобы решить эту проблему, …
16
Фиксированные позиции не работают при использовании -webkit-transform
Я использую -webkit-transform (и -moz-transform / -o-transform), чтобы вращать div. Также добавлено фиксированное положение, чтобы div прокручивал пользователя вниз. В Firefox он работает нормально, но в браузерах на основе webkit он не работает. После использования -webkit-transform фиксированная позиция больше не работает! Как это возможно?
3
Стиль дочерний элемент при наведении на родительский элемент
Как изменить стиль дочернего элемента при наведении указателя мыши на родительский элемент. Я бы предпочел CSS решение для этого, если это возможно. Есть ли какое-либо решение, возможно, через: наведите CSS селекторы. На самом деле мне нужно изменить цвет панели параметров внутри панели, когда на панели есть наведение. Нужна поддержка всех …
155 css  css-selectors 
10
Можно ли настроить таргетинг на все теги <H> с помощью одного селектора?
Я хочу настроить таргетинг на все теги h на странице. Я знаю, ты можешь сделать это таким образом ... h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } но есть ли более эффективный способ сделать это с помощью расширенных селекторов CSS? например что-то вроде: [att^=h] { font: 32px/42px …
155 css  css-selectors 
14
CSS: установить цвет фона, который составляет 50% ширины окна
Попытка добиться фона на странице, которая «разделена на две части»; два цвета на противоположных сторонах (по-видимому, установив значение background-colorпо умолчанию для bodyтега, а затем применив другой к a, divкоторый растянет всю ширину окна). Я нашел решение, но, к сожалению, background-sizeсвойство не работает в IE7 / 8, что является обязательным для …
17
Ширина ввода на Bootstrap 3
Обновление еще раз: я закрываю этот вопрос, выбирая верхний ответ, чтобы люди не могли добавлять ответы, не понимая вопроса. В действительности нет способа сделать это с помощью встроенной функциональности без использования сетки или добавления дополнительных CSS. Сетки не работают хорошо, если вы имеете дело с help-blockэлементами, которые, например, должны выходить …
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.