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

853
Растягивайте и масштабируйте изображение CSS в фоновом режиме - только с помощью CSS

Я хочу, чтобы мое фоновое изображение растягивалось и масштабировалось в зависимости от размера области просмотра браузера. Я видел несколько вопросов о переполнении стека, которые выполняют эту работу, например, Stretch и масштабирование CSS-фона . Это хорошо работает, но я хочу разместить...

845
Сделать тело на 100% высоты браузера

Я хочу, чтобы body имел 100% высоты браузера. Могу ли я сделать это с помощью CSS? Я попытался установить height: 100%, но это не работает. Я хочу установить цвет фона для страницы, чтобы заполнить все окно браузера, но если на странице мало контента, я получаю уродливую белую полосу...

831
Как оформить флажок с помощью CSS

Я пытаюсь оформить флажок с помощью следующего: <input type="checkbox" style="border:2px dotted #00f;display:block;background:#ff0000;" /> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Но стиль не применяется. Флажок по-прежнему отображает стиль по умолчанию. Как мне придать ему...

813
CSS 100% высота с отступом / полем

С HTML / CSS, как я могу сделать элемент, который имеет ширину и / или высоту, которая составляет 100% его родительского элемента и все еще имеет надлежащие отступы или поля? Под «правильным» я подразумеваю, что если мой родительский элемент 200pxвысок и я указываю height = 100%с, padding = 5pxя бы...

812
Удалите синюю рамку из пользовательской кнопки CSS в Chrome

Я работаю над веб-страницей и хочу использовать индивидуально оформленные <button>теги. Так что с помощью CSS, я сказал: border: none. Теперь он отлично работает в Safari, но в Chrome, когда я нажимаю на одну из кнопок, вокруг него появляется синяя рамка. Я думал button:active { outline: none...

811
не: выбор первого ребенка

У меня есть divтег, содержащий несколько ulтегов. Я могу установить свойства CSS только для первого ulтега: div ul:first-child { background-color: #900; } Однако мои следующие попытки установить свойства CSS для каждого ulтега, кроме первого, не работают: div ul:not:first-child { background-color:...

792
Как вертикальное выравнивание элементов в div?

У меня есть div с двумя изображениями и h1. Все они должны быть вертикально выровнены внутри div, рядом друг с другом. Одно из изображений должно быть absoluteрасположено внутри div. Какой CSS необходим для работы всех распространенных браузеров? <div id="header"> <img src=".."...

781
Лучший способ установить расстояние между элементами flexbox

Чтобы установить минимальное расстояние между элементами flexbox, я использую margin: 0 5pxна .itemи margin: 0 -5pxна контейнере. Для меня это похоже на взлом, но я не могу найти лучшего способа сделать это. пример #box { display: flex; width: 100px; margin: 0 -5px; } .item { background: gray;...

777
Когда использовать IMG против CSS background-image?

Ответы на этот вопрос - работа сообщества . Отредактируйте существующие ответы, чтобы улучшить этот пост. В настоящее время он не принимает новые ответы или взаимодействия. В каких ситуациях более целесообразно использовать HTML- IMGтег для отображения изображения, а не CSS-код background-imageи...

766
Почему их вместо px?

Я слышал, что вы должны определять размеры и расстояния в вашей таблице стилей с помощью em, а не в пикселях. Поэтому вопрос заключается в том, почему я должен использовать em вместо px при определении стилей в CSS? Есть хороший пример, который иллюстрирует...

748
Что такое sr-only в Bootstrap 3?

Для чего используется класс sr-only? Это важно или можно удалить? Работает нормально без. Вот мой пример: <div class="btn-group"> <button type="button" class="btn btn-info btn-md">Departments</button> <button type="button" class="btn btn-info dropdown-toggle btn-md"...