css- все статьи тега ➜ страница 18
В чем разница между SCSS и Sass?
из того, что я читал, Sass-это язык, который делает CSS более мощным с переменной и математической поддержкой. в чем разница с SCSS? Это должен быть один и тот же язык? Похоже? По-другому? ...
Что является лучшим способом для условного применения класса?
допустим у вас есть массив, который визуализируется в ul с li для каждого элемента и свойства на контроллере называется selectedIndex. Что было бы лучшим способом добавить класс в li с индексом selectedIndex в в AngularJS? в настоящее время я дублирую (вручную)li код и добавление класса к одному из li теги и с помощью ng-show и ng-hide показать только один li в индексе. ...
Центр столбца с помощью Twitter Bootstrap
как мне центрировать div одного размера столбца в контейнере (12 столбцов) в Twitter Bootstrap 3. пожалуйста, смотрите стартер скрипка. <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> Итак, я хочу div, класс centered расположенной внутри контейнера. Я могу использовать строку, если есть несколько divs, но пока я просто хочу div с размером одного столбца, центрирован ...
Какие символы допустимы в именах/селекторах классов CSS?
какие символы / символы разрешены в селекторах классов CSS? Я знаю, что следующие символы недействительным, но какие символы действительный? ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] { } | ` # ...
Есть ли селектор CSS" предыдущий брат"?
+ для следующего брата. Есть ли эквивалент для предыдущего брата? ...
Как удалить границу (контур) вокруг текстовых / входных полей? (Хром) [дубликат]
этот вопрос уже есть ответ здесь: как удалить выделение границы на входном текстовом элементе 14 ответов может ли кто-нибудь объяснить, как удалить оранжевую или синюю границу (контур) вокруг текстовых/входных полей? Я думаю, что это происходит только в Chrome, чтобы показать, что поле ввода. Вот входной CSS я использование: input { background-color: transparent; border: 0px solid; height: 2 ...
Как выровнять содержимое div в нижней части?
скажем, у меня есть следующий CSS и HTML код: #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> раздел заголовка фиксированной высоты, но содержание заголовка может измениться. Я хотел бы, чтобы содержимое заголовка было вертикально выровнено по нижней части раздела заголовка, поэтому последняя строка текста "прилипает" к нижней части раздела заголовка. поэтому, если есть только одна ...
Как удалить пространство между элементами встроенного блока?
учитывая это HTML и CSS: span { display:inline-block; width:100px; background-color:palevioletred; } <p> <span> Foo </span> <span> Bar </span> </p> в результате между элементами пролета будет 4 пикселя в ширину. Demo:http://jsfiddle.net/dGHFV/ Я понимаю, почему это происходит, и я также знаю, что я мог бы избавиться от этого пространства, удалив пробел между элементами SPAN в исходном коде HTML, например: <p> ...
Является ли рекомендация включать CSS перед JavaScript недействительной?
в бесчисленных местах в Интернете я видел рекомендацию включать CSS до JavaScript. Рассуждение обычно имеет такую форму: когда дело доходит до заказа CSS и JavaScript, вы хотите, чтобы ваш CSS прийти первым. Причина в том, что поток рендеринга имеет все информация о стиле, необходимая для отображения страницы. Если JavaScript включает в себя сначала, движок JavaScript должен разобрать все это раньше переходим к следующему набору ресурсов. Это означает, что рендеринг нить не может п ...
Как центрировать абсолютно позиционированный элемент в div?
мне нужно div (С position:absolute;) элемент в центре из моего окна. Но у меня возникли проблемы с этим, потому что ширина неизвестна. Я попытался это. Но он должен быть скорректирован, поскольку ширина реагирует. .center { left: 50%; bottom:5px; } какие идеи? ...
Что такое clearfix?
недавно я просматривал код какого-то сайта, и увидел, что каждый <div> есть класс clearfix. после быстрого поиска Google, я узнал, что это для IE6 иногда, но что на самом деле - это clearfix? не могли бы вы привести некоторые примеры макета с clearfix, по сравнению с макетом без clearfix? ...
Как я могу сделать загрузочные столбцы одинаковой высоты?
Я использую Bootstrap. Как я могу сделать три колонки все той же высоте? вот скриншот проблемы. Я бы хотел, чтобы синие и красные столбцы были такой же высоты, как желтый столбец. вот код: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: red"> some content </div> <div class= ...
CSS 100% высота с отступом/маржа
это уже несколько дней сводит меня с ума, но на самом деле это проблема, с которой я столкнулся за последние несколько лет: с HTML/CSS как я могу сделать элемент, который имеет ширину и/или высоту, которая составляет 100% от его родительского элемента и все еще имеет правильное заполнение или поля? под "правильным" я имею в виду, что если мой родительский элемент 200px высокий, и я указать height = 100% С padding = 5px Я ожидал бы, что я должен получить 190px высокий элемент с border = 5px со в ...
Селектор CSS для первого элемента с классом
у меня есть куча элементов с именем класса red, но я не могу выбрать первый элемент с class="red" используя следующее правило CSS: .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> что не так в этом селекторе и как его исправить? благодаря комментариям я понял, что элемент должен быть первым дочерним элементом своего родителя, чтобы выбрать, что не так, как у меня есть. У меня есть следующая структура, и это прав ...
Почему em вместо px?
Я слышал, что вы должны определить размеры и расстояния в своей таблице стилей с помощью em, а не в пикселях. Итак, вопрос в том, почему я должен использовать em вместо px при определении стилей в css? Есть ли хороший пример, который иллюстрирует это? ...
Как создать флажок с помощью CSS?
Я пытаюсь создать флажок, используя следующее: <input type="checkbox" style="border:2px dotted #00f;display:block;background:#ff0000;" /> но стиль не применяется. Флажок по-прежнему отображает стиль по умолчанию. Как мне придать ему указанный стиль? ...
Управление взрывом CSS
Я сильно полагался на CSS для веб-сайта, над которым я работаю. Прямо сейчас все стили CSS применяются на основе каждого тега, и поэтому теперь я пытаюсь переместить его в более внешний стиль, чтобы помочь с любыми будущими изменениями. но теперь проблема в том, что я заметил, что я получаю "CSS взрыв". Мне становится трудно решить, как лучше организовать и абстрактные данные в файле CSS. Я использую большое количество div теги внутри веб-сайта, перемещаясь с сильно табличного веб-сайта. Поэ ...
Класс Bootstrap-Text-align для внутренней таблицы
есть ли набор классов в Twitters Bootstrap Framework, который выравнивает текст? например, у меня есть несколько таблиц с $ итоги, которые я хочу выровнять справа... <th class="align-right">Total</th> и <td class="align-right">,000,000.00</td> ...
Изменение цвета navbar в Twitter Bootstrap
Как бы я мог изменить CSS, чтобы изменить цвет навигационной панели в Twitter Bootstrap? ...
Как подать заявку!важное использование.css ()?
у меня возникли проблемы с применением стиля, который !important. Я пробовал: $("#elem").css("width", "100px !important"); это ничего; никакой стиль ширины вообще не применяется. Есть ли jQuery-ish способ применения такого стиля без необходимости перезаписывать cssText (что означало бы, что мне нужно будет сначала разобрать его и т. д.)? Edit: добавлю, что у меня есть таблица стилей с !important стиль, который я пытаюсь переопределить с !important стиль встроенный, так что с помощью .width() ...