css3 — вопросы с ответами

Я пытаюсь центрировать содержимое вкладок по вертикали, но при добавлении display:inline-flex стиля css display:inline-flex, горизонтальное выравнивание текста исчезает. Как сделать выравнивание текста x и y для каждой из моих вкладок? * { box-sizing:border-box; } #leftFrame { background-colo...

Я пытаюсь использовать функцию calc() в таблице стилей Sass, но у меня возникают некоторые проблемы. Здесь мой код: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Если я использую буквальный 50px вместо моей переменной body_padding, я получаю именно ...

Когда я прокручивал вниз по экрану, черная панель меню в верхней части выглядит как плавающая панель. но я думаю, что с этим связано jQuery. Я пробовал CSS, но, похоже, не работает для меня, как я хочу, чтобы он #menucontainer { position:fixed; top:0; height: 250px } #firstElement { ...

Мой вопрос (ы) Являются ли какие-либо из этих методов предпочтительным профессиональным веб-дизайнером? Используются ли какие-либо из этих методов веб-браузером при создании веб-сайта? Это все личные предпочтения? Есть ли другие методы, которые мне не хватает? Примечание. Выше вопросы касаются ...

Поиск символа ~ непросто. Я просматривал некоторые CSS и нашел это .check:checked ~ .content { } Что это значит?

В , и я особенно озадачен треугольником: [IMG_OUR_ID=348.png] #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } <div id="triangle-up"></div> Как и почему это работает?...

Я пытаюсь выбрать input элементы всех type кроме radio и checkbox. Многие люди показали, что вы можете поместить несколько аргументов в :not, но использование type, похоже, не работает, я попробую. form input:not([type="radio"], [type="checkbox"]) { /* css here */ } Любые идеи?...

Представьте себе простой несортированный список с некоторыми элементами <li>. Теперь я определил, что пули имеют квадратную форму с помощью list-style:square; Однако, если я установил цвет элементов <li> с помощью color: #F00;, тогда все станет красным! Пока я хочу только установить цвет...

Я пытаюсь сделать слайд <ul> с помощью переходов CSS. <ul> начинается с height: 0; , При зависании высота устанавливается на height:auto; , Однако это заставляет его просто появляться, а не переход, Если я делаю это с height: 40px; height: auto; , то он будет скользить до height: 0; ,...

В настоящее время я разрабатываю своеобразное меню "мега-выпадающего меню" CSS - в основном обычное раскрывающееся меню только для CSS, но оно содержит разные типы контента. На данный момент, похоже, что CSS3 Transitions не относятся к свойству "display", т.е. Вы не можете выполнять какой-либо пер...

выход: hello Как вы код: <p>hello <br /> How are you </p> Как добиться того же выхода без <br />?

Как использовать градиенты CSS3 для моего background-color, а затем применить background-image для применения какой-то легкой прозрачной текстуры?

Изменить - Исходное название: Есть ли альтернативный способ достижения border-collapse:collapse в CSS (для того, чтобы иметь свернутую округленную таблицу углов)? Так как оказывается, что простое ограничение границ таблицы не решает проблему с корнем, я обновил заголовок, чтобы лучше отразить обсу...

Есть ли простой способ отображения цветного растрового изображения в оттенках серого только с HTML/CSS? Не нужно быть совместимым с IE (и я думаю, что этого не будет) - если он работает в FF3 и/или Sf3, это достаточно хорошо для меня. Я знаю, что могу сделать это с помощью SVG и Canvas, но сейчас эт...

У меня есть абсолютно позиционированный div, содержащий несколько детей, один из которых является относительно позиционированным div. Когда я использую процентную ширину для дочернего div, он сворачивается до '0' ширины на Internet Explorer 7, но не в Firefox или Safari. Если я использую ширину пи...