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

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

14
Работает ли overflow: hidden применительно к <body> в iPhone Safari?
Имеет ли overflow:hiddenприменяться к&lt;body&gt; работы на iPhone Safari? Вроде нет. Я не могу создать оболочку для всего сайта, чтобы добиться этого ... Вы знаете решение? Пример: у меня длинная страница, и я просто хочу скрыть содержимое, которое находится под «сгибом», и это должно работать на iPhone / iPad.
131 iphone  css  ipad  safari  overflow 
8
Добавить разрыв строки к содержимому псевдоэлемента :: after или :: before
У меня нет доступа к HTML или PHP для страницы, и я могу редактировать только через CSS. Я вносил изменения на сайт и добавлял текст с помощью псевдоэлементов ::afterили ::beforeи обнаружил, что escape-Unicode следует использовать для таких вещей, как пробел до или после добавленного содержимого. Как добавить несколько строк в …
131 css 
4
CSS Псевдоклассы со встроенными стилями
На этот вопрос есть ответы на Stack Overflow на русском : Как прописать: парить внутри стиль =»«? Можно ли использовать псевдоклассы с использованием встроенных стилей? Пример: &lt;a href="http://www.google.com" style="hover:text-decoration:none;"&gt;Google&lt;/a&gt; Я знаю, что приведенный выше HTML не будет работать, но есть ли что-то подобное, что будет? PS Я знаю, что мне …
3
Что означает flex: 1?
Как мы все знаем, flexсвойство является обобщающим для flex-grow, flex-shrink, и flex-basisсвойства. Его значение по умолчанию 0 1 auto, что означает flex-grow: 0; flex-shrink: 1; flex-basis: auto; но я заметил, во многих местах flex: 1используется. Это сокращение от 1 1 autoили 1 0 auto? Я не понимаю, что это значит, …
131 css  flexbox 
5
Установка ширины и высоты тега A
Можно ли установить ширину и высоту в пикселях в теге привязки? Я бы хотел, чтобы тег привязки имел фоновое изображение, сохраняя при этом текст внутри привязки. li { width: 32px; height: 32px; background-color: orange; } li a { width: 32px; height: 32px; background-color: red; } &lt;li&gt;&lt;a href="#"&gt;Something&lt;/a&gt;&lt;/li&gt; Запустить фрагмент кодаHide …
131 html  css  cross-browser 
12
Получить ширину устройства в javascript
Есть ли способ получить ширину устройства пользователя, а не ширину области просмотра, с помощью javascript? Медиа-запросы CSS предлагают это, как я могу сказать @media screen and (max-width:640px) { /* ... */ } и @media screen and (max-device-width:960px) { /* ... */ } Это полезно, если я ориентируюсь на смартфоны в …
10
Видео YouTube, встроенное через iframe Игнорирование z-индекса?
Я пытаюсь реализовать горизонтальное многоуровневое выпадающее меню навигации. Сразу под (по вертикали) меню у меня есть видео с YouTube, встроенное через iframe. Если я наведу курсор на один из основных элементов навигации в Firefox, раскрывающееся меню правильно появится поверх видео. Однако в Chrome и IE9 в небольшой области пространства между …
130 css  iframe  youtube 
7
Переопределить и сбросить стиль CSS: авто или ничего не работают
Я хотел бы переопределить следующие стили CSS, определенные для всех таблиц: table { font-size: 12px; width: 100%; min-width: 400px; display:inline-table; } У меня есть конкретная таблица с классом 'other'. В итоге украшение стола должно выглядеть так: table.other { font-size: 12px; } поэтому я должен удалить 3 свойства: width, min-widthиdisplay Пытался …
130 css  width  overriding 
5
Почему я не могу центрировать с маржей: 0 авто?
У меня есть #headerdiv, 100% widthи внутри этого div у меня есть неупорядоченный список. Я применил margin: 0 autoнеупорядоченный список, но он не будет центрировать его в заголовке div. Кто-нибудь может сказать мне, почему? Я думал, что если я определю ширину родительского div, то неупорядоченный список сможет центрироваться с помощью …
130 html  css  margin 
14
HTML-тег <sup />, влияющий на высоту строки, как сделать его согласованным?
Если у меня есть &lt;sup&gt;тег в многострочном &lt;p&gt;теге, строка с надстрочным индексом на нем имеет больший межстрочный интервал над ним, чем другие строки, независимо от того, какую высоту строки я поставил &lt;p&gt;. Изменить для пояснения : я не имею в виду, что у меня много &lt;p&gt;s, каждый из которых находится …
7
Используйте обычную ссылку для отправки формы
Я хочу отправить форму. Но я не буду основным способом использования кнопки ввода с представить тип , но есть на ссылку. На изображении ниже показано, почему. Я использую ссылки на изображения для сохранения / отправки формы. Поскольку у меня есть стандартная разметка css для ссылок на изображения, я не хочу …
130 html  css  forms  hyperlink  submit 
8
Что такое эквивалентный класс .well в Bootstrap 4
В bootstrap-3 есть .wellкласс, который добавляет закругленную границу вокруг элемента с серым цветом фона и некоторым отступом. &lt;div class="well"&gt;Basic Well&lt;/div&gt; Но я не нашел никакого .wellкласса в bootstrap-4. Есть ли какой-нибудь тег, эквивалентный .wellв bootstrap-4?
5
Можно ли выбрать последние n элементов с помощью nth-child?
Используя стандартный список, я пытаюсь выбрать последние 2 пункта списка. У меня разные перестановки, An+Bно, похоже, ничего не выбирает последние 2: li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects nothing */ …
130 css  css-selectors 
9
Отступ внутри полей ввода разрывает ширину 100%
Итак, мы знаем, что установка отступа для объекта приводит к изменению его ширины, даже если она установлена ​​явно. Хотя можно оспорить логику этого, это вызывает некоторые проблемы с некоторыми элементами. В большинстве случаев вы просто добавляете дочерний элемент и добавляете к нему отступ вместо элемента, установленного на 100%, но для …
130 css  input  padding 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.