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

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

4
CSS - переполнение: прокрутка; - Всегда показывать вертикальную полосу прокрутки?
Итак, в настоящее время у меня есть: #div { position: relative; height: 510px; overflow-y: scroll; } Однако я не верю, что некоторым пользователям будет очевидно, что там больше контента. Они могли бы прокручивать страницу вниз, не зная, что мой div на самом деле содержит гораздо больше контента. Я использую высоту …
225 css  macos  scroll  overflow 
3
Каковы различия между flex-основе и шириной?
Были вопросы и статьи по этому поводу, но, насколько я могу судить, нет ничего убедительного. Лучшее резюме, которое я смог найти, это flex-based позволяет указать начальный / начальный размер элемента, прежде чем что-либо еще будет вычислено. Это может быть процент или абсолютное значение. ... что само по себе мало говорит …
224 css  flexbox  width 
30
Шрифт Awesome не работает, значки отображаются в виде квадратов
Поэтому я пытаюсь создать прототип маркетинговой страницы и использую Bootstrap и новый файл Font Awesome. Проблема в том, что когда я пытаюсь использовать значок, все, что отображается на странице, это большой квадрат. Вот как я включаю файлы в голову: <head> <title>Page Title</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" …
13
Держите переполнение div прокрутки вниз, если пользователь не прокручивает вверх
У меня есть div, размер которого составляет всего 300 пикселей, и я хочу, чтобы, когда страница загружается, прокрутите страницу вниз. К этому div динамически добавляется контент, и его необходимо прокручивать до конца. Теперь, если пользователь решит прокрутить вверх, я не хочу, чтобы он прыгал вниз до тех пор, пока пользователь …
224 javascript  jquery  html  css  scroll 
17
Цвет фона не отображается в предварительном просмотре
Я пытаюсь распечатать страницу. На этой странице я дал таблицу цвет фона. Когда я просматриваю предварительный просмотр в Chrome, он не принимает свойство цвета фона ... Итак, я попробовал это свойство: -webkit-print-color-adjust: exact; но по-прежнему не показывает цвет. http://jsfiddle.net/TbrtD/ .vendorListHeading { background-color: #1a4567; color: white; -webkit-print-color-adjust: exact; } <div class="bs-docs-example" …
12
Как создать слезу в HTML?
Как мне создать такую ​​фигуру для отображения на веб-странице? Я не хочу использовать изображения, так как они будут размыты при масштабировании Я попробовал с CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div class="tear"> </div> …
223 html  css  svg  css-shapes 
18
CSS: обрезать ячейки таблицы, но вмещать как можно больше
Знакомьтесь, Фред. Он стол <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> В квартире Фреда есть странная привычка менять размер, поэтому он научился скрывать часть своего содержания, чтобы не отталкивать все остальные отряды и не забывать о гостиной миссис Уитфорд: <table border="1" style="width: …
7
Два деления рядом - жидкостный дисплей
Я пытаюсь разместить два div рядом и использую следующий CSS для этого. #left { float: left; width: 65%; overflow: hidden; } #right { overflow: hidden; } HTML простой, два левых и правых div в div-обертке. <div id="wrapper"> <div id="left">Left side div</div> <div id="right">Right side div</div> </div> Я много раз пытался …
222 css  html  fluid-layout  fluid 
3
CSS кнопка отправки странного рендеринга на iPad / iPhone
Я заметил, что если я стилизую свои кнопки с помощью CSS, используя радиус, цвета и границы, они выглядят хорошо, но в iphone / ipad / ipod они выглядят ужасно ... не должен быть такой же рендеринг, как в Safari Desktop ??
17
Тире в стиле списка HTML
Есть ли способ создать стиль списка в HTML с тире (то есть - или - –или - —) т.е. <ul> <li>abc</li> </ul> Выведение: - abc Мне пришло в голову сделать это с чем-то вроде li:before { content: "-" };, хотя я не знаю минусов этого варианта (и был бы очень …
222 html  css  xhtml  html-lists 
16
В чем разница между идентификатором и классом?
Какая разница между <div class="">и <div id="">когда дело доходит до CSS? Это нормально использовать <div id="">? Я вижу, что разные разработчики делают это обоими способами, и, поскольку я самоучка, я никогда не понимал этого.
222 html  css  class  id 
16
Как получить тень от коробки только на левой и правой сторонах
Любой способ получить box-shadow на левой и правой (горизонтальной?) Сторонах только без хаков или изображений. Я использую: box-shadow: 0 0 15px 5px rgba(31, 73, 125, 0.8); Но это дает тень вокруг. У меня нет границ вокруг элементов.
222 html  css 
11
Центрирование контента в отзывчивом загрузчике navbar
У меня проблемы с центрированием моего контента на панели начальной загрузки. Я использую Boosttrap 3. Я прочитал много постов, но CSS или используемые методы не будут работать с моим кодом! Я очень расстроен, так что это мой последний вариант. Любая помощь будет оценена! <!DOCTYPE html> <html> <head> <title>Navigation</title> <meta name="viewport" …
4
<fieldset> изменяет размер неправильно; кажется, что есть неснимаемый `min-width: min-content`
проблема У меня есть, &lt;select&gt;где одно из его &lt;option&gt;текстовых значений очень длинное. Я хочу, &lt;select&gt;чтобы изменить размер так, чтобы он никогда не был шире, чем его родитель, даже если он должен обрезать отображаемый текст. max-width: 100%должен сделать это. Перед изменением размера: Что я хочу после изменения размера: Но если вы …
221 html  width  fieldset  css 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.