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

Я пытаюсь использовать переменные CSS в медиа-запросе, и это не работает. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { }

140 css  media-queries  css-variables 

У меня есть шаблон, и он имеет ссылку на шрифт Google, как это: <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300' rel='stylesheet' type='text/css'> Как я могу загрузить его и настроить для использования на моих страницах, которые постоянно работают в автономном режиме?

139 css  fonts  offline  google-fonts 

Могу ли я определить имя класса в абзаце с помощью Markdown? Если да, то как?

139 css  markdown 

Я пытаюсь понять то, что кажется мне неожиданным поведением: У меня есть элемент с максимальной высотой 100% внутри контейнера, который также использует максимальную высоту, но неожиданно дочерний объект переполняет родительский: Тестовый пример: http://jsfiddle.net/bq4Wu/16/ .container { background: blue; padding: 10px; max-height: 200px; max-width: 200px; } img { display: block; max-height: 100%; …

139 css 

Предположим, у меня есть следующее правило CSS на моей странице: body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } Как я могу определить, какой из определенных шрифтов был использован в браузере пользователя? Редактируйте для тех, кто интересуется, почему я хочу это сделать: обнаруженный мной шрифт содержит глифы, недоступные в других …

138 javascript  html  css  fonts 

Я просматривал шаблонный шаблон HTML 5 (с http://html5boilerplate.com/ ) и заметил использование "?v=1"URL-адресов при обращении к файлам CSS и Javascript. Что делает добавление "?v=1"к ссылкам CSS и Javascript в тегах ссылок и скриптов? Не все URL-адреса Javascript имеют "?v=1"(пример из приведенного ниже примера:) js/modernizr-1.5.min.js. Есть ли причина, почему это так? …

138 html  css  browser-cache 

Я только что узнал о новом и необычном модуле CSS. vhи vwизмерьте процент высоты и ширины области просмотра соответственно. Я посмотрел на этот вопрос из Stack Overflow, но он заставил юниты выглядеть еще более похожими. Как работает vw и vh unit Ответ конкретно говорит vw и vh - это процент …

138 css  viewport-units 

Вот что я пытаюсь сделать в HTML / CSS: У меня есть изображения разной высоты и ширины, но все они меньше 180x235. Так что я хочу сделать , это создать divс borderи vertical-align: middleих всех. Я успешно сделал это, но теперь я застрял на том, как правильно ссылаться на всю …

138 html  css 

Я хочу применить некоторые css для элементов ввода, и я хочу сделать это только для входов, которые не отключены и не являются типом отправки, ниже css не работает, возможно, если кто-нибудь объяснит мне, как это нужно добавить. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; }

138 css  css-selectors  pseudo-class 

Я бы хотел полностью отключить прокрутку HTML body. Я пробовал следующие варианты: overflow: hidden; (не работает, прокрутку не отключал, просто скрывал полосу прокрутки) position: fixed; (это сработало, но полностью прокручивалось вверх, что неприемлемо для этого конкретного приложения) Мне не удалось найти альтернатив этим двум вариантам, есть ли еще?

138 html  css  scroll 

Подобно « Как определить, находится ли OS X в темном режиме? » Только для браузеров. Кто-нибудь нашел, есть ли способ определить, находится ли система пользователя в новом темном режиме OS X в Safari / Chrome / Firefox? Мы хотели бы изменить дизайн нашего сайта, чтобы он был совместим с темным …

138 css  macos  safari 

Я добавил это, но синий контур по-прежнему появляется при нажатии кнопки. .btn:focus { outline: none; } как удалить эту уродливую штуку?

138 css  twitter-bootstrap 

Я переопределяю CSS сайта в версию RTL, когда выбран определенный язык. У меня есть элемент, который должен иметь абсолютное позиционирование. В версии LTR я делаю, left: 0px;и она выровнена влево; в версии RTL я хочу сделать противоположное right, но leftсвойство не переопределяется, поэтому оно остается слева. Я пытался взломать !important, …

137 css  css-position 

Я пытаюсь применить background-color, когда пользовательская мышь наводит курсор на элемент с именем класса "reMode_hover". Но я не хочу менять цвет, если элемент также имеет"reMode_selected" Примечание: я могу использовать только CSS, а не javascript, потому что я работаю в какой-то ограниченной среде. Чтобы прояснить, моя цель - закрасить первый элемент …

137 html  css  css-selectors 

У меня проблемы с HTML-таблицей, которая переполняет родительский контейнер. .page { width: 280px; border:solid 1px blue; } .my-table { word-wrap: break-word; } .my-table td { border:solid 1px #333; } <div class="page"> <table class="my-table"> <tr> <th>Header Text</th> <th>Col 1</th> <th>Col 2</th> <th>Col 3</th> <th>Col 4</th> <th>Header Text</th> </tr> <tr> <td>An archipelago …

137 html  css  html-table