Tag: css

Как сохранить: активный стиль css после нажатия элемента

Я использую якорь в качестве навигации по сайту. about works CSS #nav { margin-left: 50px; margin-top: 50px; text-transform: uppercase; } .navitem { background: #333; color: white; width: 230px; height: 50px; font-size: 25px; line-height: 50px; padding-left: 20px; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-top: 10px; } .about:hover { background: #cc00ff; } .about:active { background: #ff00ff; color: […]

Использование пользовательского (ttf) шрифта в CSS

У меня есть mac, и вы установили шрифт под названием «7 сегмент» (он отображается в Шрифтовой книге). Когда я использую font-family: “7 Segment”; Я получаю Helvetica (или подобное), а не шрифт браузера по умолчанию, но он по-прежнему не показывает правильный шрифт. Страница должна отображаться только на этом компьютере. Как использовать шрифт на этой странице? Благодарю.

Два css-файла, определяющих один class

Если у меня есть два файла css: Файл 1: .colorme { background-color:Red; } Файл 2: .colorme { background-color:Green; } И включили ли они их в страницу, которая будет приоритетной? Я предполагаю, что последний загружен? Если это так, чтобы гарантировать, что один файл css загружен последним?

Почему размер windows меньше ширины видового экрана, заданного в медиа-запросах

Я довольно озадачен и до сих пор не знаю, как это объяснить правильно. До сих пор я использовал и настраивал свои медиа-запросы с помощью Breakpoint. Используемая переменная Breakpoint выглядит так: $menustatictofixed: min-width 900px; Для параметра $ breakpoint-to-ems установлено значение true. Я выложил страницу со всеми ее переменными Breakpoint на основе значений пикселей следующего fragmentа jQuery: […]

Как использовать CSS для размещения фиксированного заголовка переменной высоты и прокручиваемого содержимого?

Я пытаюсь создать веб-страницу с фиксированным заголовком и прокручиваемой областью содержимого. Это тривиально, когда заголовок имеет известную высоту, но я изо всех сил пытаюсь найти решение, когда заголовок жидкости. Макет, который я хочу: ————– head ————– content ————– где «голова» – это какая-то высота, в которой она нуждается, и «контент» не имеет минимальной высоты, но […]

Текст центра в div?

У меня есть div 30px high и 500px ширину. Этот div может содержать две строки текста один под другим и, соответственно, в стиле (дополняется). Но иногда она содержит только одну строку, и я хочу, чтобы она была сосредоточена. Это возможно?

положение: фиксировано, если не указано левое / верхнее / правое / нижнее – желаемые результаты в FF / IE, но не в Safari

Извините, что вам нужно задать еще одну position:fixed связанный с ней вопрос, но чтение через другие вопросы и темы форума не помогло мне с этим. Следующий код является упрощенной демонстрацией того, как я использовал position:fixed в проекте на сегодняшний день. Мое первоначальное (неверное) понимание position:fixed – это то, что оно первоначально фиксируется относительно первого позиционированного […]

Как сделать элемент выбора прозрачным в Chrome?

Посмотрите этот пример: select { width: 172px; height: 22px; padding: 2px 7px; border: none; background: url(http://sofru.miximages.com/css/MJyZM.png) 0 0 no-repeat; } abcdefg 1234567 abcdefg https://jsfiddle.net/jeafgilbert/wz0zaev0/ Может ли кто-нибудь обновить его, чтобы он был прозрачным в Chrome? В настоящее время результат в FF является правильным. Благодарю. Обновить: Теперь без -webkit-appearance: none; отлично работает в Chrome.

Как создать число в списке html?

Можно ли стиль или увеличить размер чисел только в упорядоченном списке? Я планирую превратить упорядоченный список в нечто вроде wikihow шагов, используя только CSS. Вот пример игры: http://jsfiddle.net/ejRzy/1/

Полностью вписывайте текст внутри div (высота и ширина), не влияя на размер div

Я заранее извиняюсь, поскольку знаю, что этот вопрос возник много раз, но я просто не могу найти правильное решение (и поверьте, я попробовал несколько!) По сути, это старый « Fit текст отлично внутри div, не влияя на размер div ». И если я не являюсь полным numpty, я считаю, что CSS не может этого сделать. […]