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

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

5
Значение чисел в «col-md-4», «col-xs-1», «col-lg-2» в Bootstrap
Я запутался с системой сетки в новой Bootstrap, особенно с этими классами: col-lg-* col-md-* col-xs-* (где * представляет некоторое число). Может ли кто-нибудь объяснить, пожалуйста, следующее: Как это число выравнивает сетки? Как использовать эти цифры? Что они на самом деле представляют?
16
Центрировать позицию: фиксированный элемент
Я хотел бы сделать position: fixed;всплывающее окно по центру экрана с динамической шириной и высотой. Я использовал margin: 5% auto;для этого. Без position: fixed;этого центры прекрасно по горизонтали, но не по вертикали. После добавления position: fixed;он даже не центрируется по горизонтали. Вот полный набор: .jqbox_innerhtml { position: fixed; width: 500px; …
19
Почему CSS работает с поддельными элементами?
В моем классе я играл и обнаружил, что CSS работает с выдуманными элементами. Пример: imsocool { color:blue; } <imsocool>HELLO</imsocool> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Когда мой профессор впервые увидел, что я использую это, он был немного удивлен, что скомпонованные элементы сработали, и порекомендовал мне просто заменить все мои скомпонованные элементы …
438 html  css 
10
Начальная загрузка NavBar с левыми, центральными или правыми выровненными элементами
В начальной загрузке , какой самый удобный для платформы способ создать панель навигации с логотипом A слева, пунктами меню в центре и логотипом B справа? Вот то, что я пробовал до сих пор, и в итоге получается, что логотип A находится слева, пункты меню рядом с логотипом слева, а логотип …
17
Как изменить цвет изображения SVG с помощью CSS (замена изображения jQuery SVG)?
На этот вопрос есть ответы на Stack Overflow на русском Это самостоятельные вопросы и ответы о полезном куске кода, который я придумал. В настоящее время нет простого способа внедрить изображение SVG, а затем получить доступ к элементам SVG через CSS. Существуют различные способы использования каркасов JS SVG, но они слишком …
437 jquery  css  svg 
5
CSS скрыть полосу прокрутки, если не нужно
Я пытаюсь понять, как я могу скрыть, overflow-y:scroll;если не нужно. Я имею в виду, что я создаю веб-сайт, и у меня есть основная область, в которой будут отображаться сообщения, и я хочу скрыть полосу прокрутки, если содержимое не превышает текущую ширину. Кроме того, мой второй вопрос. Я хочу сделать так, …
436 html  css 
20
Нажмите кнопку скопировать в буфер обмена с помощью jQuery
Как мне скопировать текст внутри div в буфер обмена? У меня есть div и мне нужно добавить ссылку, которая добавит текст в буфер обмена. Есть ли решение для этого? <p class="content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy …
434 jquery  html  css 
12
CSS3 градиентный фон на теле не растягивается, а повторяется?
хорошо, скажем, содержание внутри <body>итоговой высоты 300px. Если я установлю фон моего <body>использования -webkit-gradientили-moz-linear-gradient Затем я максимизирую свое окно (или просто сделаю его выше 300 пикселей), градиент будет ровно 300 пикселей (высота содержимого) и просто повторяю, чтобы заполнить оставшуюся часть окна. Я предполагаю, что это не ошибка, поскольку она одинакова …
430 css  gradient 
15
Как я могу сделать TextArea шириной 100% без переполнения, когда в CSS присутствует отступ?
У меня есть следующий CSS и HTML-фрагмент. textarea { border:1px solid #999999; width:100%; margin:5px 0; padding:3px; } <div style="display: block;" id="rulesformitem" class="formitem"> <label for="rules" id="ruleslabel">Rules:</label> <textarea cols="2" rows="10" id="rules"/> </div> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Проблема в том, что текстовая область оказывается на 8px шире (2px для границы + 6px …
426 html  css  stylesheet 
8
Как выровнять текст по вертикали во flexbox?
Я хотел бы использовать flexbox для вертикального выравнивания некоторого контента внутри, <li>но без особого успеха. Я проверил онлайн, и многие из учебных пособий фактически используют div-обертку, которая получает align-items:centerиз настроек flex на родительском элементе, но мне интересно, возможно ли вырезать этот дополнительный элемент? В этом случае я решил использовать flexbox, …
425 html  css  flexbox 
16
Адаптивный образ выравнивания по центру начальной загрузки 3
Я делаю каталог, используя Bootstrap 3. При отображении на планшетах изображения товара выглядят некрасиво из-за их небольшого размера (500х500) и ширины 767 пикселей в браузере. Я хочу поместить изображение в центр экрана, но почему-то не могу. Кто поможет решить проблему?
13
HTML-таблица шириной 100% с вертикальной прокруткой внутри тела
Как я могу установить <table>ширину 100% и поместить только в <tbody>вертикальную прокрутку для некоторой высоты? table { width: 100%; display:block; } thead { display: inline-block; width: 100%; height: 20px; } tbody { height: 200px; display: inline-block; width: 100%; overflow: auto; } <table> <thead> <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> …
14
Почему @ font-face выдает ошибку 404 в файлах woff?
Я использую @font-faceна сайте моей компании, и это работает / выглядит великолепно. За исключением Firefox и Chrome выдает ошибку 404 в .woffфайл. IE не выдает ошибку. У меня есть шрифты, расположенные в корне, но я пробовал со шрифтами в папке css и даже дал полный URL для шрифта. Если удалить …
8
Z-индекс не работает с фиксированным позиционированием
У меня есть divс позиционированием по умолчанию (т.е. position:static) и divс fixedпозицией. Если я установлю z-индексы элементов, кажется невозможным заставить фиксированный элемент идти позади статического элемента. #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width: 420px; left: 20px; border: 1px solid; height: 10%; background: #fff; …
422 css  z-index 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.