Вопросы с тегом 'css'

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

Есть ли селектор "предыдущий брат"?

Знак плюс (+) предназначен для следующего брата. Есть ли эквивалент для предыдущего брата?
30 нояб. '09 в 4:06
17

Как объединить фоновые изображения и градиент CSS3 с одним и тем же элементом?

Как использовать градиенты CSS3 для моего background-color, а затем применить background-image для применения какой-то легкой прозрачной текстуры?
23 мар. '10 в 22:30
21

Каков наилучший способ условного применения класса?

Допустим, у вас есть массив, который отображается в ul с li для каждого элемента и свойство на контроллере с именем selectedIndex. Что было бы лучшим способом добавить класс в li с индексом selectedIndex в AngularJS? В настоящее время я дублирую (в...
17 окт. '11 в 10:49
9

Какие символы действительны в именах/селекторах классов CSS?

Какие символы/символы разрешены в селекторах классов CSS? Я знаю, что следующие символы недопустимы, но какие символы действительны? ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | ` #
15 янв. '09 в 23:37
37

Центрировать колонку с помощью Twitter Bootstrap 3

Как центрировать элемент div размером одного столбца в контейнере (12 столбцов) в Twitter Bootstrap 3? .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src...
09 авг. '13 в 18:24
7

Функция Sass Variable в функции CSS calc()

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

В чем разница между видимостью: скрытой и отображаемой: нет?

Правила CSS visibility:hidden и display:none приводят к тому, что элемент не отображается. Являются ли эти синонимы?
25 сент. '08 в 12:37
25

Как выровнять содержимое div в нижней части?

Скажем, у меня есть следующий код CSS и HTML: #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> Раздел заголовка имеет фиксированную высоту, но содер...
25 февр. '09 в 13:15
28

Как выровнять текст по вертикали в div?

Я пытаюсь найти наиболее эффективный способ выравнивания текста с div. Я пробовал несколько вещей, и ни одна из них не работает. .testimonialText { position: absolute; left: 15px; top: 15px; width: 150px; height: 309px; vertical-align...
30 мая '10 в 19:02
32

Как центрировать абсолютно позиционированный элемент в div?

Мне нужно разместить элемент div (с position:absolute;) в центре моего окна. Но у меня возникают проблемы, потому что ширина неизвестна. Я пробовал это. Но он должен быть отрегулирован по мере того, как ширина реагирует. .center { left: 50%; ...
21 нояб. '09 в 21:56
37

Как сделать раскрывающееся меню Twitter Bootstrap, а не щелчком

Я хочу, чтобы мое меню Bootstrap автоматически выпадало при наведении курсора, вместо того, чтобы щелкнуть по названию меню. Я также хотел бы потерять маленькие стрелки рядом с названиями меню.
16 янв. '12 в 9:36
40

Как удалить пространство между элементами встроенного блока?

Учитывая этот HTML и CSS: span { display:inline-block; width:100px; background-color:palevioletred; } <p> <span> Foo </span> <span> Bar </span> </p> В результате между элементами SPAN бу...
22 февр. '11 в 12:41
11

Как удалить границу (контур) вокруг полей ввода текста/ввода? (Хром)

Может ли кто-нибудь объяснить, как удалить оранжевую или синюю границу (контур) вокруг полей ввода текста/ввода? Я думаю, что только Chrome показывает, что поле ввода активно. Здесь ввод CSS, который я использую: input { background-color: transp...
03 авг. '10 в 13:49
49

Как заставить браузер перезагружать кэшированные файлы CSS/JS?

Я заметил, что некоторые браузеры (в частности, Firefox и Opera) очень усердно используют кэшированные копии файлов .css и .js даже между сеансами браузера. Это приводит к проблеме при обновлении одного из этих файлов, но браузер пользователя продол...
23 сент. '08 в 3:07
10

Что такое clearfix?

Недавно я просмотрел код веб-сайта и увидел, что каждый <div> имеет класс clearfix. После быстрого поиска Google я узнал, что это иногда для IE6, но что на самом деле является clearfix? Не могли бы вы привести несколько примеров макета с c...
18 дек. '11 в 19:02