Вопросы
Кросс-сайтовый скриптинг в CSS-стилях
Возможно ли использовать межсайтовый скриптинг (XSS) в CSS-стилях? Например, если подключаемый файл стилей содержит вредоносный код, как это можно реализовать? Я понимаю, что можно использовать теги , но что насчет внешних таблиц стилей?
Можно ли использовать изображение из локальной файловой системы в качестве фона в HTML?
У меня есть HTML-документ, размещенный на удаленном веб-сервере. Я пытаюсь установить для одного из элементов веб-страницы фоновое изображение из локальной файловой системы. Однако не удается сделать это ни в Chrome, ни в Safari, ни в Firefox (IE не пробовал).
Вот пример того, что я пробовал до...
Конкатенация строк в CSS
У меня возникла проблема с тем, как использовать динамические значения в CSS для задания фонового изображения в зависимости от атрибута элемента. Я хочу добиться следующего:
url('../img/icons/' + attr('type') + '_10.png')
Как можно реализовать это в кроссбраузерном формате? Я ищу...
Как создать макет заголовка/контента/футера с помощью CSS?
Я пытаюсь создать интерфейс в виде блоков, который будет выглядеть следующим образом:
______________________
| Header |
|______________________|
| |
| |
| Content |
| |
| ...
Каков контекст использования em?
В этом примере:
CSS
h1 { font-size: 2em; }
.smaller { font-size: 0.5em; }
HTML
Привет, я жаба
Вопрос: Сколько будет составлять размер шрифта для слова "жаба"? Это будет 0.5 от 16px (стандартный размер шрифта браузера) или 0.5 от 2em (размер шрифта h1)?
Как выбрать всех детей элемента, кроме последнего?
Как выбрать все элементы, кроме последнего потомка, с помощью селекторов CSS3?
Например, чтобы выбрать только последнего потомка, используется код div:nth-last-child(1). Как мне сделать так, чтобы выбрать все элементы, кроме последнего?
CSS: Как создать границу для шрифта?
С учетом всех нововведений в CSS3, связанных с границами (-webkit и т.д.), возможно ли теперь добавить границу к тексту (например, как белая граница вокруг синего логотипа Twitter)? Если это невозможно, существуют ли более-менее приемлемые хаки для достижения такого эффекта с помощью CSS/XHTML, или...
Как изменить цвет заливки SVG-изображения при использовании его в качестве фонового изображения?
Описание проблемы
Я использую SVG-графику и сталкиваюсь с проблемой изменения цвета заливки элементов SVG, когда они подаются как фоновое изображение.
Когда я вставляю SVG-код непосредственно в HTML, я могу легко изменить цвета заливки с помощью CSS. Вот пример кода, который работает...
Как скрыть элемент при печати веб-страницы?
У меня есть ссылка на веб-странице для печати самой страницы. Однако эта ссылка также отображается в распечатанном варианте.
Существует ли JavaScript или HTML код, который может скрыть кнопку ссылки во время печати?
Пример:
"Добрый вечер"
Печать (нажмите здесь для печати)
Я хочу скрыть...
Что означает селектор CSS ">" (знак больше)?
Заголовок: Что означает символ ">" в CSS-правилах?
Вопрос:
Я столкнулся с фрагментом CSS-кода, который выглядит так:
div > p.some_class {
/* Некоторые декларации */
}
Не могу понять, что именно обозначает символ >
в данном контексте. Как он влияет на стиль, применяемый к...
Как добавить тень (box-shadow) только с одной стороны элемента?
Я столкнулся с проблемой: мне нужно создать тень (box-shadow) для элемента с типом block, но только с одной стороны, например, справа. В данный момент я оборачиваю внутренний элемент, которому применён box-shadow, во внешний элемент с padding-right и overflow:hidden;, чтобы тени на трёх других...
Добавить нижнюю границу к строке таблицы <tr>
Я столкнулся с проблемой при создании таблицы 3 на 3. Мне нужно добавить границу внизу каждой строки `` и задать ей определенный цвет.
Сначала я попробовал прямой способ, написав следующий код:
Но это не сработало. Затем я добавил CSS следующим образом:
tr {
...
В чем разница между col-lg-*, col-md-* и col-sm-* в Bootstrap?
Какова разница между col-lg-, col-md- и col-sm-* в Twitter Bootstrap?
Я пытаюсь понять, как правильно использовать классы колонки в Bootstrap для адаптивной верстки. Что именно обозначают эти классы и в каких случаях каждый из них должен использоваться? Заранее спасибо за разъяснение!
Как напечатать только <div id="printarea"></div>?
Как мне напечатать указанный div (без необходимости вручную отключать остальное содержимое на странице)?
Я хочу избежать появления нового диалогового окна с предварительным просмотром, поэтому создание нового окна с этим содержимым нецелесообразно.
На странице есть несколько таблиц, одна из...
Понимание offsetWidth, clientWidth, scrollWidth и -Height соответственно
На StackOverflow можно встретить множество вопросов о свойствах offsetWidth, clientWidth и scrollWidth (также и о соответствующих -Height), но ни один из них не предлагает полного объяснения этих значений.
Кроме того, в интернете есть несколько источников, которые предоставляют запутанную или...
Стоит ли использовать единицы px или rem в CSS? [закрыто]
Проблема с выбором единиц измерения для CSS
Я разрабатываю новый веб-сайт и хочу, чтобы он был совместим с максимально возможным количеством браузеров и их настройками. В данный момент я пытаюсь решить, какие единицы измерения использовать для размеров моих шрифтов и элементов, но не могу...
CSS медиазапросы: max-width ИЛИ max-height
Заголовок: Как задать несколько условий с логикой "ИЛИ" в медиа-запросах CSS?
Описание проблемы:
Я пытаюсь написать медиа-запрос в CSS и столкнулся с проблемой: необходимо указать несколько условий, использующих логику "ИЛИ". Например, я хочу задать стили для экранов, где ширина меньше...
Как задать цвет маркеров в HTML-списках UL/LI с помощью CSS без использования изображений и тегов span
Описание проблемы
У меня есть простая неупорядоченная lista с несколькими элементами . Я определил bullets как квадратные с помощью свойства `list-style: square;`. Однако, при установке цвета элементов
с помощью color: #F00;
, весь текст становится красным!
Мне нужно изменить только...
Как сделать два соседних div-элемента одинаковой высоты?
У меня есть два элемента div, расположенные рядом друг с другом. Я хочу, чтобы их высота была одинаковой и оставалась такой же, даже если один из них изменяет размер. Если один из div увеличивается из-за добавления текста, то другой тоже должен увеличиваться, чтобы соответствовать высоте первого. Я...
В чем разница между display:inline-flex и display:flex?
Описание проблемы:
Я пытаюсь выровнять элементы по вертикали внутри контейнера с определённым ID. Я установил свойство display: inline-flex;
для этого контейнера, так как он должен быть flex-контейнером.
Однако в результате я не наблюдаю изменений в отображении. Я ожидал, что все элементы...