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

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

3
Как настроить таргетинг на элементы с помощью атрибута, имеющего какое-либо значение в CSS?
Я знаю, что могу настроить таргетинг на элементы, которые имеют определенный атрибут в CSS, например: input[type=text] { font-family: Consolas; } Но возможно ли нацелить элементы, у которых есть атрибут любого значения (кроме ничего, т.е. когда атрибут не был добавлен к элементу)? Примерно что-то вроде: a[rel=*] { color: red; } Что …

9
Vue.js data-bind style backgroundImage не работает
Я пытаюсь привязать src изображения к элементу, но, похоже, это не работает. Я получаю сообщение «Недопустимое выражение. Созданное тело функции: {backgroundImage: {url (image)}». В документации говорится, что можно использовать «футляр для кебаба» или «футляр для верблюда». <div class="circular" v-bind:style="{ backgroundImage: { url(image) }"></div> Вот скрипка: https://jsfiddle.net/0dw9923f/2/
89 javascript  html  css  vue.js 

5
что делает -webkit-transform: translate3d (0,0,0); точно делать? Применить к телу?
что -webkit-transform: translate3d(0,0,0); именно делает? Есть ли проблемы с производительностью? Просто применить его к телу или отдельным элементам? Кажется, это значительно улучшает события прокрутки. Спасибо за урок!
89 html  css  webkit 

14
Подождите, пока курсор переместится на всю html-страницу
Можно ли простым способом установить курсор на «ожидание» на всей странице html? Идея состоит в том, чтобы показать пользователю, что что-то происходит, пока выполняется вызов ajax. В приведенном ниже коде показана упрощенная версия того, что я пробовал, а также показаны проблемы, с которыми я столкнулся: если для элемента (# id1) …

6
Как я могу создать «хвост всплывающей подсказки», используя чистый CSS?
Я только что наткнулся на изящный трюк с CSS. Посмотри на скрипку ... .tooltiptail { display: block; border-color: #ffffff #a0c7ff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px; } .anothertail { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-tail2.png); display: block; height: 29px; width: 30px; } <div>Cool Trick: <br /> <div class="tooltiptail"></div> </div> <br …

7
Как сбросить или переопределить фильтры IE CSS?
Я использую собственное свойство MS 'filter', чтобы попытаться создать не уродливый эквивалент css3 text-shadow и box-shadow; У меня действительно все было хорошо, пока я не столкнулся с этой проблемой. Похоже, что когда я применяю фильтр к div внутри другого div, у которого также есть фильтр, эффекты фильтра в конечном итоге …

16
Как я могу центрировать <ul> <li> в div
Как я могу центрировать неупорядоченный список &lt;li&gt;в фиксированной ширине div? &lt;table width="100%"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td width="41%"&gt;&lt;img src="/web/20100104192317im_/http://www.studioteknik.com/html2/html/images/hors-service.jpg" width="400" height="424"&gt;&lt;/td&gt; &lt;td width="59%"&gt;&lt;p align="left"&gt;&amp;nbsp;&lt;/p&gt; &lt;h1 align="left"&gt;StudioTeknik.com&lt;/h1&gt; &lt;p&gt;&lt;br align="left"&gt; &lt;strong&gt;Marc-André Ménard&lt;/strong&gt;&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Photographie digitale&lt;/li&gt; &lt;li&gt;Infographie &lt;/li&gt; &lt;li&gt;Débug et IT (MAC et PC)&lt;/li&gt; &lt;li&gt; Retouche &lt;/li&gt; &lt;li&gt;Site internet&lt;/li&gt; &lt;li&gt;Graphisme&lt;/li&gt; &lt;/ul&gt; &lt;p align="left"&gt;&lt;span class="style1"&gt;&lt;strong&gt;Cellulaire en …
88 css  html  html-lists 

4
Какова практическая максимальная длина идентификатора HTML?
В спецификации HTML говорится Жетоны ID и NAME должны начинаться с буквы ([A-Za-z]) и могут сопровождаться любым количеством букв, цифр ([0-9]), дефисами ("-"), подчеркиванием ("_"). , двоеточия (":") и точки ("."). И хотя в объявлении SGML HTML 4 для NAMELEN используется значение 65536, в нем отмечается: «Избегайте фиксированных ограничений». Но, …
88 javascript  html  css 

11
Переопределить свечение и тени текстового поля twitter bootstrap
Я хочу удалить синее свечение текстового поля и границы, но я не знаю, как переопределить любой из js или css, отметьте здесь ИЗМЕНИТЬ 1 Я хочу сделать это, потому что я использую плагин jquery Tag-it, и я также использую загрузку twitter, плагин использует скрытое текстовое поле для добавления тегов, но …

13
Как избавиться от смещения элемента с помощью CSS?
У меня проблема с позиционированием некоторых элементов, после проверки инструментов IE8 Developer он показывает мне следующее: Теперь я почти уверен, что моя проблема в смещении 12, но как его удалить ? Я не могу найти упоминания о свойстве смещения CSS. Нужен ли нам Offset в дополнение к марже? Вот код, …

13
Изменение цвета маркеров в списке HTML без использования диапазона
Мне было интересно, есть ли способ изменить цвет маркеров в списке. У меня есть такой список: &lt;ul&gt; &lt;li&gt;House&lt;/li&gt; &lt;li&gt;Car&lt;/li&gt; &lt;li&gt;Garden&lt;/li&gt; &lt;/ul&gt; Я не могу вставить что-либо в li, например, 'span' или 'p'. Могу ли я каким-то разумным способом изменить цвет маркеров, но не текста?
88 html  css 

21
Есть ли альтернатива CSS?
Есть ли альтернатива CSS языку форматирования таблиц стилей? Или CSS - это текущий единый язык для работы с типами форматирования таблиц стилей? Я просмотрел описание CSS в Википедии ( http://en.wikipedia.org/wiki/Cascading_Style_Sheets ) и несколько других комментариев о CSS и разочаровался в отсутствии полной поддержки CSS в различных механизмах макета, поэтому Мне …
88 css 

6
Bootstrap 3 - отключить сворачивание панели навигации
Это моя простая навигационная панель: &lt;div class="navbar navbar-fixed-top myfont" role="navigation"&gt; &lt;div class=""&gt; &lt;ul class="nav navbar-nav navbar-left"&gt; &lt;li&gt; &lt;a class="navbar-brand" href="#"&gt; &lt;img src="assets/img/logo.png"/&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;button class="btn btn-navbar"&gt; &lt;i class="fa fa-edit"&gt;&lt;/i&gt; Create &lt;/button&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;ul class="nav navbar-nav navbar-right"&gt; &lt;li data-match-route="/"&gt;&lt;a href="#/page-one"&gt;Login&lt;/a&gt;&lt;/li&gt; &lt;li data-match-route="/"&gt;&lt;a href="#/page-two/sub-a"&gt;Signup&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; Я просто …

10
Как выровнять промежутки или блоки по горизонтали?
Моя единственная проблема состоит в том, чтобы выровнять их по три и иметь равные промежутки. Очевидно, промежутки не могут иметь ширину, а блоки div (и промежутки с display: block) не отображаются горизонтально рядом друг с другом. Предложения? &lt;div style='width:30%; text-align:center; float:left; clear:both;'&gt; Это то, что у меня есть сейчас.
88 css  html 

15
Эффект «мигающего выделения» jQuery на div?
Я ищу способ сделать следующее. Я добавляю &lt;div&gt;на страницу, и обратный вызов ajax возвращает некоторое значение. &lt;div&gt;Заполняются значениями из вызова Ajax, а &lt;div&gt;затем префикс к другому &lt;div&gt;, который действует в качестве столбца таблицы. Я хочу привлечь внимание пользователя, показать ему, что на странице есть что-то новое. Я хочу, &lt;div&gt;чтобы он …

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.