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

В чем разница между screen и only screenв медиа-запросах? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> Почему мы должны использовать only screen ? Разве screenсама по себе не предоставляет достаточно информации для отображения только на экране? Я видел много адаптивных …

487 css  media-queries 

Когда вы определяете что-то вроде URL-адреса фонового изображения в файле CSS, когда используете относительный URL-адрес, где он находится относительно? Например: Предположим, что файл /stylesheets/base-styles.cssсодержит: div#header { background-image: url('images/header-background.jpg'); } Если я включу эту таблицу стилей в разные документы, <link ... />будет ли относительный URL-адрес в файле CSS относительно документа таблицы …

484 html  css 

Как добавить маржу top к class="row"элементам с помощью твиттер-фреймворка?

483 css  twitter-bootstrap 

Я уверен, что об этом уже говорилось / спрашивалось, но я искал возраст без удачи, моя терминология, должно быть, неверна! Я смутно помню твит, который я видел некоторое время назад, в котором говорилось о наличии правила css, которое удаляло бы любые стили, ранее установленные в таблице стилей для определенного элемента. …

481 css 

Я пытаюсь создать несколько CSS-классов многократного использования для большей согласованности и меньшего количества помех на моем сайте, и я застрял при попытке стандартизировать одну вещь, которую я часто использую. У меня есть контейнер <div>, для которого я не хочу устанавливать высоту (потому что он будет варьироваться в зависимости от того, …

479 css  height  pixel 

Например: div > p.some_class { /* Some declarations */ } Что именно означает этот >знак?

476 css  css-selectors 

Я смотрел на источник пользовательского скрипта greasemonkey и заметил следующее в их css: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} Я могу оценить, что скрипт greasemonkey захочет объединить все, что может в исходном коде, а не размещать его на сервере, это достаточно очевидно. Но так как я не видел эту …

475 css  base64  background-image  data-uri 

Есть в любом случае получение скругленных углов на наброски из div element, подобно border-radius?

473 html  css 

Есть ли способ выбрать элемент с CSS на основе значения атрибута класса, заданного для двух конкретных классов. Например, допустим, у меня есть 3 деления: <div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div class="bar">Hello Bar</div> Какой CSS можно написать, чтобы выбрать ТОЛЬКО второй элемент в списке, основываясь на том факте, что …

472 css  css-selectors 

Я проводил некоторые исследования медиазапросов и до сих пор не понимаю, как настроить таргетинг на устройства определенных размеров. Я хочу иметь возможность ориентироваться на настольные ПК, планшеты и мобильные устройства. Я знаю, что будут некоторые несоответствия, но было бы неплохо иметь общую систему, которая может использоваться для нацеливания на эти …

472 css  mobile  media-queries  tablet 

У меня есть файл JPEG, который я использую в качестве фонового изображения для страницы поиска, и я использую CSS, чтобы установить его, потому что я работаю в контекстах Backbone.js : background-image: url("whatever.jpg"); Я хочу применить CSS 3 фильтр размытия только к фону, но я не уверен, как стилизовать только этот …

467 css  background-image  css-filters 

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

465 css  image  colors  png  overlay 

Я использую таблицу с альтернативным цветом строки с этим. tr.d0 td { background-color: #CC9999; color: black; } tr.d1 td { background-color: #9999CC; color: black; } <table> <tr class="d0"> <td>One</td> <td>one</td> </tr> <tr class="d1"> <td>Two</td> <td>two</td> </tr> </table> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Здесь я использую класс для tr, но я …

462 html  css  html-table 

Можно ли установить размер флажка с помощью CSS или HTML в разных браузерах? widthи sizeработать в IE6 +, но не с Firefox, где флажок остается 16x16, даже если я установил меньший размер.

459 html  css 

То, что я хочу сделать, - это когда один определенный объект divнаходится под влиянием, это повлияет на свойства другого div. Например, в этой демонстрации JSFiddle , когда вы наводите курсор мыши, #cubeэто меняет, background-colorно то, что я хочу, это то, что, когда я наводю курсор мыши #container, #cubeэто влияет. div …

459 html  css  hover