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

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

7
В чем разница между дисплеем: inline-flex и display: flex?
Я пытаюсь выровнять элементы по вертикали. Я присвоил display:inline-flex;этому идентификатору свойство, так как оболочкой идентификатора является гибкий контейнер. Но нет никакой разницы в представлении. Я ожидал, что все в идентификаторе оболочки будет отображаться inline. Почему не так? #wrapper { display: inline-flex; /*no difference to display:flex; */ } <body> <div id="wrapper"> …
331 css  flexbox 
14
Эффект контура к тексту
Есть ли в CSS способы придать контурам текст с разными цветами? Я хочу выделить некоторые части моего текста, чтобы сделать его более интуитивно понятным - например, имена, ссылки и т. Д. Изменение цветов ссылок и т. Д. В настоящее время является обычным явлением, поэтому я хочу что-то новое.
329 css 
7
Ширина жидкости с одинаково расположенными DIV
У меня есть контейнер с жидкостью шириной DIV. В рамках этого у меня есть 4 DIVs все 300px x 250px ... <div id="container"> <div class="box1"> </div> <div class="box2"> </div> <div class="box3"> </div> <div class="box4"> </div> </div> Я хочу, чтобы поле 1 было смещено влево, поле 4 смещено вправо, а поля …
329 html  css  fluid-layout 
8
Как сделать несколько переходов CSS на элементе?
Это довольно простой вопрос, но я не могу найти очень хорошую документацию по свойствам перехода CSS. Вот фрагмент кода CSS: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s …
7
Отсутствует раскрывающееся подменю Bootstrap
Bootstrap 3 все еще в RC, но я просто пытался это реализовать. Я не мог понять, как поставить класс подменю. Даже нет класса в CSS, и даже новые документы ничего не говорят об этом Это было там в 2.x с именем класса в выпадающем меню
12
Почему этот CSS-стиль не работает?
Я пытаюсь добавить значения полей на div внутри другого div. Все отлично работает, кроме верхнего значения, кажется, игнорируется. Но почему? Что я ожидал: Что я получаю: Код: #outer { width: 500px; height: 200px; background: #FFCCCC; margin: 50px auto 0 auto; display: block; } #inner { background: #FFCC33; margin: 50px 50px …
322 html  margin  css 
15
Вертикальный центр выравнивания в Bootstrap 4
Я пытаюсь центрировать мой Контейнер в середине страницы, используя Bootstrap 4. Я до сих пор не добился успеха. Любая помощь будет оценена. Я построил его на Codepen.io, чтобы вы, ребята, могли поиграть с ним и дать мне знать, что у меня получается из идей ... Показать фрагмент кода var currentAuthor …
24
Динамически изменить цвет на светлый или темный в процентах CSS (Javascript)
У нас есть большое приложение на сайте, и у нас есть несколько ссылок, которые, скажем, синего цвета, как синие ссылки на этом сайте. Теперь я хочу сделать несколько других ссылок, но с более светлым цветом. Очевидно, что я могу просто сделать это путем добавления шестнадцатеричного кода в файл CSS, но …
322 css 
3
Создание радиального меню в CSS
Как мне создать меню, которое выглядит следующим образом ... Ссылка на PSD Я не хочу использовать PSD изображения. Я бы предпочел использовать иконки из какого-то пакета, такого как FontAwesome, и иметь фоны / CSS, созданные в CSS. Версия меню, в которой используется PSD для создания изображений всплывающей подсказки и последующего …
321 css  tooltip  css-shapes 
21
Разместите фоновое изображение CSS на x пикселей справа?
Я думаю, что ответ - нет, но можете ли вы расположить фоновое изображение с помощью CSS, чтобы оно было фиксированным количеством пикселей от правого? Если я устанавливаю background-positionзначения x и y, кажется, что они дают фиксированные корректировки пикселей слева и сверху соответственно.
321 css 
2
Что означает смайлик «:)» в CSS?
Я заметил этот код CSS в проекте: html, body { :)width: 640px;} Я давно работаю с CSS, но никогда раньше не видел этот код ":)". Это что-то значит или это просто опечатка?
321 css  css-hack 
14
Верхний индекс только в CSS?
Как сделать надстрочный текст только в CSS? У меня есть таблица стилей, где я отмечаю внешние ссылки надстрочным символом, но мне трудно выровнять символ правильно. То, что я сейчас имею, выглядит так: a.external:after { font-size: 50%; vertical-align: top; content: "+"; } но это не работает Естественно, я бы использовал <sup>-tag, …
321 css 
21
Как я могу заменить текст с CSS?
Как я могу заменить текст CSS с помощью метода, подобного этому: .pvw-title img[src*="IKON.img"] { visibility:hidden; } Вместо ( img[src*="IKON.img"] ) мне нужно использовать что-то, что может заменить текст. Я должен использовать, [ ]чтобы заставить это работать. <div class="pvw-title">Facts</div> Мне нужно заменить « Факты ».
321 css  text  replace 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.