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

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

22
Как очистить кеш nginx?
Я использую nginx в качестве фронтального сервера, я изменил файлы CSS, но nginx все еще обслуживает старые. Я попытался перезапустить nginx, но безуспешно, и у меня есть Google, но я не нашел правильного способа его очистки. В некоторых статьях говорится, что мы можем просто удалить каталог кэша:, var/cache/nginxно на моем …

12
Могу ли я изменить высоту изображения в CSS: before /: after псевдоэлементов?
Предположим, я хочу украсить ссылки на определенные типы файлов с помощью изображения. Я мог бы объявить свои ссылки как <a href='foo.pdf' class='pdflink'>A File!</a> тогда CSS как .pdflink:after { content: url('/images/pdf.png') } Теперь это прекрасно работает, за исключением случаев, когда pdf.pngразмер моей ссылки не подходит. Я бы хотел сказать браузеру масштабировать …

7
Ошибка «Uncaught TypeError: a.indexOf не является функцией» при открытии нового базового проекта
Я создал новый проект Foundation 5 через bash, с foundation new my-project. Когда я открываю файл index.html в Chrome, Uncaught TypeError: a.indexOf is not a functionв консоли отображается ошибка, происходящая из jquery.min.js:4. Я создал проект, следуя инструкциям на базовом сайте, но не могу избавиться от этой ошибки. Foundation и jQuery …


10
Как разместить одно изображение поверх другого в HTML?
Я новичок в программировании рельсов, пытаюсь показать много изображений на странице. Некоторые изображения должны лежать поверх других. Для простоты, скажем, я хочу синий квадрат с красным квадратом в верхнем правом углу синего квадрата (но не плотно в углу). Я пытаюсь избежать компоновки (с ImageMagick и подобным) из-за проблем с производительностью. …

8
Каково стандартное соглашение об именах для идентификаторов и классов html / css?
Зависит ли это от платформы, которую вы используете, или существует общее соглашение, которое большинство разработчиков предлагают / следуют? Есть несколько вариантов: id="someIdentifier"' - выглядит довольно совместимо с кодом JavaScript. id="some-identifier" - больше похоже на html5-подобные атрибуты и другие вещи в html. id="some_identifier" - выглядит довольно согласованно с кодом ruby ​​и …

8
Как переопределить! Важно?
Я создал собственную таблицу стилей, которая переопределяет исходный CSS для моего шаблона Wordpress. Однако на моей странице календаря исходный CSS имеет высоту каждой ячейки таблицы, установленную с помощью !importantобъявления: td {height: 100px !important} Есть ли способ, которым я могу переопределить это?
250 css 

10
Как сделать мой шрифт жирным, используя CSS?
Я очень плохо знаком с HTML и CSS, и мне было просто интересно, как я могу сделать свой шрифт жирным, используя CSS. У меня есть обычная HTML-страница, которая импортирует файл CSS, и я могу изменить шрифт в CSS. Но я не знаю, как сделать шрифт жирным, кто-нибудь может мне помочь?
249 css 

14
jQuery: получить высоту скрытого элемента в jQuery.
Мне нужно получить высоту скрытого элемента внутри div. Прямо сейчас я показываю div, получаю высоту и скрываю родительский div. Это кажется немного глупым. Есть ли способ лучше? Я использую JQuery 1.4.2: $select.show(); optionHeight = $firstOption.height(); //we can only get height if its visible $select.hide();
249 javascript  jquery  html  css 

8
Что это значит, когда правило CSS недоступно в инспекторе элементов Chrome?
Я проверяю h2элемент на веб-странице с помощью инспектора элементов Google Chrome, а некоторые правила CSS, которые, похоже, применяются, отображаются серым цветом. Кажется, что зачеркнутый указывает, что правило было переопределено, но что это значит, когда стиль отображается серым цветом?

19
Twitter загружает 3 двух колонки в полный рост
Я пытаюсь сделать макет с двумя колонками в полный рост с помощью twitter bootstrap 3. Кажется, что twitter bootstrap 3 не поддерживает макеты в полный рост. Что я хочу сделать: +-------------------------------------------------+ | Header | +------------+------------------------------------+ | | | | | | |Navigation | Content | | | | | | …

27
Как заставить WebKit перерисовать / перекрасить для распространения изменений стиля?
У меня есть несколько тривиальных JavaScript для изменения стиля: sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; Это прекрасно работает с последними версиями FF, Opera и IE, но не работает на последних версиях Chrome и Safari. Это влияет на двух потомков, которые оказываются братьями и сестрами. Первый брат обновляется, а …

16
Почему выравнивание по вертикали: середина не работает на моем span или div?
Я пытаюсь вертикально центрировать элемент spanили divэлемент внутри другого divэлемента. Однако, когда я ставлю vertical-align: middle, ничего не происходит. Я попытался изменить displayсвойства обоих элементов, но ничего не работает. Вот что я сейчас делаю на своей веб-странице: .main { height: 72px; vertical-align: middle; border: 1px solid black; padding: 2px; } …
247 html  css 

3
CSS свойство content: возможно ли вставить HTML вместо текста?
Просто интересно, можно ли каким-то образом заставить contentсвойство CSS вставлять html-код вместо строки on :beforeили :afterэлемента вроде: .header:before{ content: '<a href="#top">Back</a>'; } это было бы очень удобно ... Это можно сделать через Javascript, но использование css для этого действительно облегчит жизнь :)

8
Есть ли способ использовать SVG в качестве контента в псевдоэлементе: before или: after
Я хочу разместить изображения SVG перед выбранными элементами. Я использую jQuery, но это не имеет значения. Я хотел бы, чтобы :beforeэлемент был как: #mydiv:before { content: '<svg.. code here</svg>'; display: block; width: 22px; height: 10px; margin: 10px 5px 0 10px; } Если я сделаю это, как показано выше, он просто …
246 css  svg 

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