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

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

4
Как я могу оживить рисование текста на веб-странице?
Я хочу иметь веб-страницу с одним центрированным словом. Я хочу, чтобы это слово было нарисовано с помощью анимации, чтобы страница «записывала» слово так же, как и мы, то есть оно начинается в одной точке и рисует линии и кривые с течением времени, так что конечным результатом является глиф. Мне все …
15
Есть ли способ сделать ширину дочернего DIV шире, чем родительский DIV с помощью CSS?
Есть ли способ иметь дочерний DIV внутри родительского контейнера DIV, который шире, чем его родительский. Дочерний DIV должен быть такой же ширины окна просмотра браузера. Смотрите пример ниже: Ребенок DIV должен оставаться дочерним по отношению к родительскому div. Я знаю, что могу установить произвольные отрицательные поля для дочернего элемента div, …
229 css  html 
4
Имена классов в селекторах CSS чувствительны к регистру?
Я постоянно читаю везде, что CSS не чувствителен к регистру, но у меня есть этот селектор .holiday-type.Selfcatering который, когда я использую в своем HTML, как это, получает <div class="holiday-type Selfcatering"> Если я изменю вышеупомянутый селектор, как это .holiday-type.SelfCatering Тогда стиль не подобран. Кто-то лжет.
229 html  css  css-selectors 
1
Что 3D делает в этом HTML?
Я пытаюсь продублировать почтовую программу, которую я получил в свой почтовый ящик, взглянув на его код. Я вижу много этого в нескольких источниках просмотра: <td style=3D"border-bottom: 1px dotted rgb(153,157, 147); border-top: 1px solid rgb(28, 140, 78);" width=3D"90">=A0</td> <td style=3D"border-bottom: 1px dotted rgb(153,157, 147); border-top: 1px solid rgb(28, 140, 78);" align=3D"right" …
229 html  css  html-email 
9
импортировать файл .css в файл .less
Можете ли вы импортировать файлы .css в файлы .less ...? Я довольно знаком с меньшим количеством и использую это для всего моего развития. Я регулярно использую структуру следующим образом: @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; Все импортные файлы - это другие файлы .less и все работает …
228 css  import  less 
22
IE8 проблема с Twitter Bootstrap 3
Я создаю сайт, используя новый Twitter Bootstrap. Сайт выглядит нормально и работает во всех необходимых браузерах, кроме IE8. В IE8, похоже, отображаются элементы мобильной версии, но они растянуты на весь экран моего рабочего стола. Я полагаю, что проблема, с которой я столкнулся, заключается в том, что загрузчик Twitter является мобильным. …
13
Как скрыть элементы, не занимая их место на странице?
Я использую, visibility:hiddenчтобы скрыть определенные элементы, но они все еще занимают место на странице, пока скрыты. Как я могу заставить их полностью исчезнуть визуально, как будто их нет в DOM вообще (но фактически не удаляя их из DOM)?
228 html  css 
7
Как предотвратить изменение свойства padding ширины или высоты в CSS?
Я создаю сайт с DIVс. Все работает, кроме случаев, когда я создаю DIV. Я создаю их так (пример): newdiv { width: 200px; height: 60px; padding-left: 20px; text-align: left; } Когда я добавляю padding-leftсвойство, ширина DIVменяется на 220px, и я хочу, чтобы оно оставалось на 200px. Допустим, я создаю другое DIVимя …
227 html  css  padding 
6
анимация addClass / removeClass с помощью jQuery
Я использую jQuery и jQuery-ui и хочу анимировать различные атрибуты различных объектов. Для объяснения этой проблемы я упростил ее до одного деления, которое меняется с синего на красный, когда пользователь наводит курсор на него. Я могу получить желаемое поведение при использовании animate(), однако при этом анимируемые стили должны быть в …
30
Как убрать фокус с кнопок при нажатии
Все мои кнопки выделяются вокруг них после того, как я нажимаю на них. Это в Хроме. <button class="btn btn-primary btn-block"> <span class="icon-plus"></span> Add Page </button> Я использую Bootstrap с темой, но я уверен, что это не так: я заметил это раньше в другом проекте. Уходит, если я использую <a>тег вместо …
2
Проверьте webkit-input-placeholder с помощью инструментов разработчика
Можно оформить местозаполнитель текстового ввода следующим образом: -webkit-input-placeholder { color: red; } Я смотрю веб-сайт в Интернете, и я хотел бы использовать тот же цвет заполнителя, что и они. Можно ли выяснить, какого цвета они использовали? Я хотел бы включить любые значения альфа, поэтому я не могу просто сэмплировать цвет …
225 html  css 
5
Как перевернуть фоновое изображение с помощью CSS?
Как перевернуть любое фоновое изображение с помощью CSS? Является ли это возможным? В настоящее время я использую это изображение стрелки в background-imageо liв CSS On: visitedМне нужно перевернуть эту стрелку по горизонтали. Я могу сделать это, чтобы сделать еще одно изображение стрелки, но мне просто интересно узнать, можно ли перевернуть …
225 css  mobile-webkit 
11
Поместите кнопку по правому краю
Я использую этот код для правильного выравнивания кнопки. <p align="right"> <input type="button" value="Click Me" /> </p> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Но <p>теги тратят некоторое пространство, поэтому вы можете сделать то же самое с <span>или <div>.
225 html  css 
5
@Media min-width & max-width
У меня есть эта @mediaнастройка: HTML : <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* STYLES …
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.