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

<ul>Очевидно, что внутри элемента вертикальный интервал между строками можно отформатировать с помощью атрибута line-height. У меня вопрос: <ul>как установить вертикальный интервал между элементами списка внутри элемента?

115 html  css  html-lists 

Как с помощью модели гибкого бокса CSS заставить изображение сохранять свое соотношение сторон? JS Fiddle: http://jsfiddle.net/xLc2Le0k/2/ Обратите внимание, что изображения растягиваются или сжимаются, чтобы заполнить ширину контейнера. Это нормально, но можно ли растянуть или уменьшить высоту, чтобы сохранить пропорции изображения? HTML <div class="slider"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img …

114 html  css  flexbox 

Есть ли селектор CSS для выбора этого элемента по значению встроенного атрибута стиля? <div style='display:block'>...</div> что-то вроде div[cssAttribute=cssValue]

114 html  css  css-selectors  inline-styles 

Как центрировать divгоризонтально внутри своего родителя divс CSS? <div id='parent' style='width: 100%;'> <div id='child' style='width: 50px; height: 100px;'>Text</div> </div>

114 html  css 

Попытка использовать собственный шестнадцатеричный цвет для моего треугольника (границы) css. Однако, поскольку он использует свойства границы, я не уверен, как это сделать. Я хотел бы держаться подальше от javascript и css3 просто из-за совместимости. Я пытаюсь сделать треугольник белым фоном с границей 1 пиксель (вокруг угловых сторон треугольника) с цветом …

114 css  border  css-shapes 

Мне нужно использовать, например, звездочку (★) в качестве маркера для элемента списка. Я прочитал модуль CSS3: Списки , в котором описывается, как использовать произвольный текст в качестве маркеров, но у меня он не работает. Думаю, браузеры просто не поддерживают ::markerпсевдоэлемент. Как я могу это сделать, не используя изображения?

114 html  css  html-lists 

Я уже некоторое время думал о следующем, поэтому теперь хочу узнать ваше мнение, возможные решения и так далее. Я ищу плагин или метод, который изменяет цвет текста или переключается между предопределенными изображениями / значками в зависимости от средней яркости покрытых пикселей его родительского фонового изображения или -цвета. Если закрытая область …

114 javascript  jquery  html  css  sass 

У меня на странице есть следующий HTML-код: <h4>Some text</h4> <p> Some more text! </p> В моем .cssя получил следующий селектор для стилизации h4элемента. Приведенный выше HTML-код - это лишь небольшая часть всего кода; есть еще несколько divэлементов, относящихся к теневому ящику: #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4 { color : #614E43; …

114 html  css  css-selectors 

Я хотел бы использовать новый шрифт San Francisco на своем сайте. Я пробовал: font: 'San Francisco', Helvetica, Arial, san-serif; но безрезультатно. Я пробовал ответы на этот вопрос , но @font-faceэто не решение.

114 css 

Я заметил, что кнопки и другие элементы имеют стиль по умолчанию и ведут себя в 3 этапа: нормальный вид, вид наведения / фокуса и вид mousedown / щелчок, в CSS я могу изменить стиль обычного вида и вид наведения следующим образом: button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; } но …

114 html  css  css-selectors 

Как я могу выровнять два встроенных блока так, чтобы один был слева, а другой справа на одной строке? Почему это так сложно? Есть ли что-то вроде \ hfill LaTeX, которое может использовать пространство между ними для достижения этой цели? Я не хочу использовать поплавки потому что с inline-block я могу …

114 css  html 

У меня довольно большая проблема, потому что мне нужно анатематизировать стили некоторых типов ввода. У меня было что-то вроде: .registration_form_right input:not([type="radio") { //Nah. } Но я тоже не хочу стилизовать флажки. Я пробовал: .registration_form_right input:not([type="radio" && type="checkbox"]) .registration_form_right input:not([type="radio" && "checkbox"]) .registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) Как пользоваться &&? И …

114 css  css-selectors  conditional-operator 

На компьютерах Mac и iOS в Safari <select>элемент с цветом фона создает блеск. В других операционных системах этого не происходит. Например, у меня есть элемент выбора со следующими свойствами стиля: select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px 6px; margin: 10px 0 7px; width: 250px; background-color: #BD2786; color: …

114 css  macos  safari  drop-down-menu  background-color 

Я визуализирую шаблон, который пытаюсь стилизовать с помощью внешней таблицы стилей. Файловая структура выглядит следующим образом. /app - app_runner.py /services - app.py /templates - mainpage.html /styles - mainpage.css mainpage.html выглядит так <html> <head> <link rel= "stylesheet" type= "text/css" href= "../styles/mainpage.css"> </head> <body> <!-- content --> Однако ни один из моих …

114 python  html  css  templates  flask 

Кажется, я не могу получить выпадающие элементы, чтобы они не исчезли со страницы. Я попробовал пару вещей из BS3, но они, похоже, не работают. Я не уверен, что это из-за ml-auto. (игнорируйте инструкции if-else) Вот CodePen : <div class="container-fluid"> <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" style="background-color: #3c763d!important;"> <button class="navbar-toggler navbar-toggler-right navbar-toggler-custom" …

114 twitter-bootstrap  css  bootstrap-4