CSS - Страница 683

Можно ли заставить sass прослушивать каталог с множеством файлов sass и генерировать один файл CSS? Я нашел способ объединить множество файлов sass в один (style.scss):

@import scss/header ;
@import scss/footer ;

А затем запустите следующий...

Я работаю над тестовым веб-сайтом в WordPress, который отлично отображается в Firefox и Edge, но не в Chrome, в частности, заголовки с вкладками и адаптивный дизайн (Chrome вообще не читает медиа-запросы в файле style.css почему-то). Я проверил код,...

По умолчанию я хочу придать элементу тела зеленую рамку. На устройстве, поддерживающем дисплей Retina, я хочу сначала проверить размер. На iPad я хочу придать своему телу красную рамку, а на iPhone — синюю рамку. Но такое вложение медиа-запросов не...

Я хочу поставить крестик (X) в красном кружке.
Вот моя попытка:
.crosssign {
display:inline-block;
width: 22px;
height:22px;
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform:...

Я пытаюсь выровнять текст по правому краю, но если текст слишком длинный, необходимо сделать разрыв строки и выровнять его по левому краю текста. Мне сложно объяснить, поэтому у меня есть изображение того, что я пытаюсь сделать:

Как видите,...

У меня есть разные контейнеры разных размеров, и все они имеют динамический размер.
Все контейнеры содержат текст.
Я хочу, чтобы strong>весь текст во всех контейнерах должен иметь максимальный размер шрифта, который контейнер может поддерживать, без...

Возможно ли с помощью любого сочетания HTML и/или CSS отображать один заголовок на первой печатной странице, а затем отображать другой заголовок на каждой последующей распечатанная страница? Я знаю, что CSS-тег @media print отображает что-то только...

Я работаю над многими своими проектами на этой платформе и часто переопределяю многие ранее существовавшие настройки, чтобы сделать их своими собственными для себя и своих клиентов.
У меня возникает проблема с созданием JS-кода, который позволит мне...

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

Я пытался использовать встроенный стиль, но внезапно консоль выдает эту ошибку и не позволяет мне выполнить одну важную задачу.
each review in tour.reviews
.mc_reviews
.mcr_top
.mcrt_left
.mcrtl_pic
.mcrtlp_container...

У меня есть страница, на которой есть флексбокс, охватывающий всю ширину страницы. Этот флексбокс имеет три элемента: overflow:hidden и justify-content:space-between. Это 3 элемента: Item1: 200 пикселей, Item2: 300 пикселей и Item3: 200 пикселей....

Я хочу вставить свою функцию в тег h1, чтобы она обращалась к пользователю с приветствием в зависимости от времени суток. Это моя функция времени, но как мне реализовать ее в h1?

var today = new Date();
var curHr = today.getHours();
function...

У меня есть компонент, который я пытаюсь создать в попутном ветре.
.png

Это оказывается сложно повторить, моя лучшая попытка — здесь, что вы и сделаете, поскольку размер экрана уменьшается, поэтому средние 4 круга остаются на равном расстоянии...

Я хотел изменить цвет заголовка в определенное время дня (например, ночью синий, утром зеленый...)
Для этого я пытаюсь использовать inline-css(inside js).
Мой CSS-файл:
.heading {
font-size: 50px;
font-weight: bold;
border-bottom: 5px solid black;...

Я впервые занимаюсь адаптивным дизайном и использую это в качестве упражнения. Но после нескольких часов попыток я теперь в отчаянии. Итак, у меня есть простая панель навигации с логотипом в левом углу, четырьмя элементами навигации посередине и...

Я хотел изменить цвет заголовка в определенное время дня (например, ночью синий, утром зеленый...)
Для этого я пытаюсь использовать inline-css(inside js).
Мой CSS-файл:
.heading {
font-size: 50px;
font-weight: bold;
border-bottom: 5px solid black;...

const { useRef, useState } = React;

function FileInput({ value }) {
const ref = useRef(null);
const = useState({ left: 'choose file' });

function handleChange(e) {
const filename = e.target.value;

if (!filename) {
setName({ left: 'choose file'...

Я пытался использовать FullCalendar в своем приложении, но кое-что у меня не получается. Минимальный пример того, чего я пытаюсь достичь, доступен здесь.
Пример приложения состоит из двух частей:

Панель инструментов
Календарь, который должен...

Я новичок в Joomla и не имею большого опыта работы с html/css. У меня есть модуль, который добавляет меню на мой сайт. Меню отображается правильно, но кажется, что позиция, которую я использую, занимает гораздо больше ширины, чем я заполняю.
Как...

Я хотел бы создать элемент div, в котором элемент содержимого скрыт в исходном состоянии. Содержимое div будет «показываться» в нижней части родительского div, когда пользователь прокручивает страницу вниз. Я также хотел бы использовать изображение...

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

span {
text-align: center;
}

This is span....

Я хотел бы создать раздел, в котором при прокрутке пользователем контент (копия) будет прокручиваться вниз и скрываться за полноразмерным изображением, расположенным в нижней части раздела.
Я надеюсь, что кто-то гораздо умнее меня поможет мне снять...

Во время разработки интерфейса я столкнулся с проблемами z-index в меню и подменю. Меню первого уровня должно быть вверху, а меню второго уровня внизу. В разделе «Электроника» пункты подменю перекрываются. Мне нужно предотвратить это, не удаляя...

В моем компиляторе меню даже не меняется. Когда я тестировал здесь, ситуация немного лучше, поскольку она блокирует исходное контекстное меню по умолчанию. Однако этот жестко запрограммированный JS тоже не отображается. Я хотел бы спросить, есть ли...

Я создаю собственную тему для Blogger, но у меня возникла небольшая проблема с панелью социальных сетей. Здесь у вас есть прямая ссылка на мой блог. Как видите, полоса отображается неправильно. Вот код CSS

/* Buttons */

#social {
width: 100%;...