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

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

11
Отключить округление элемента ввода iPhone / Safari
Мой веб-сайт хорошо отображается в браузере iPhone / Safari, за одним исключением: мои поля ввода текста имеют странный округлый стиль, который совсем не выглядит хорошо с остальной частью моего веб-сайта. Есть ли способ проинструктировать Safari (с помощью CSS или метаданных) не округлять поля ввода и делать их прямоугольными, как предполагалось?
8
Выровняйте элемент снизу с помощью flexbox
У меня есть divс детьми: <div class="content"> <h1>heading 1</h1> <h2>heading 2</h2> <p>Some more or less text</p> <a href="/" class="button">Click me</a> </div> и я хочу следующий макет: ------------------- |heading 1 | |heading 2 | |paragraph text | |can have many | |rows | | | | | | | |link-button | …
376 html  css  flexbox 
18
img src SVG: изменение стилей с помощью CSS
HTML <img src="logo.svg" alt="Logo" class="logo-img"> CSS .logo-img path { fill: #000; } Приведенный выше svg загружается и изначально, fill: #fffно когда я использую приведенное выше, cssчтобы попытаться изменить его на черный, он не меняется, я впервые играю с SVG, и я не уверен, почему он не работает.
375 css  image  svg 
12
Должен ли я использовать единицы измерения px или rem в CSS? [закрыто]
Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы ответить на него фактами и цитатами, отредактировав этот пост . Закрыто 2 месяца назад . Улучшить этот вопрос Я создаю новый веб-сайт и хочу, чтобы он был совместим …
6
jQuery подсчет элементов по классам - каков наилучший способ реализовать это?
Я пытаюсь подсчитать все элементы на текущей странице с одним и тем же классом, а затем я собираюсь использовать его для добавления к имени для формы ввода. По сути, я позволяю пользователям нажимать на значок, <span>а затем добавляя еще один для большего количества элементов того же типа. Но я не …
21
Разница между полем и отступом?
В чем разница между полем и отступом в CSS? Это действительно, кажется, не имеет большого значения. Не могли бы вы привести пример того, где лежат различия (и почему важно знать разницу)?
372 css 
18
Twitter Bootstrap 3: как использовать медиа-запросы?
Я использую Bootstrap 3 для создания адаптивного макета, в котором я хочу настроить несколько размеров шрифта в соответствии с размером экрана. Как я могу использовать медиа-запросы для создания такой логики?
13
Как разместить два div рядом друг с другом?
Рассмотрим следующий код : #wrapper { width: 500px; border: 1px solid black; } #first { width: 300px; border: 1px solid red; } #second { border: 1px solid green; } <div id="wrapper"> <div id="first">Stack Overflow is for professional and enthusiast programmers, people who write code because they love it.</div> <div id="second">When …
370 css  html 
14
Я не хочу наследовать непрозрачность ребенка от родителя в CSS
Я не хочу наследовать непрозрачность дочернего элемента от родительского в CSS. У меня есть один div, который является родителем, и у меня есть другой div внутри первого div, который является ребенком. Я хочу установить свойство opacity в родительском div, но я не хочу, чтобы дочерний div наследовал свойство opacity. Как …
370 css 
8
CSS: не (: last-child): после селектора
У меня есть список элементов, которые оформлены так: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Выходы One | Two | Three | Four | Five |вместоOne | Two …
16
Переполнение текста в CSS: многоточие; не работает?
Я не знаю, почему этот простой CSS не работает ... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div class="app"> <a href="">Test Test Test Test Test Test</a> </div> Выполнить …
368 overflow  ellipsis  css 
2
Flexbox не дает равную ширину элементам
Попытка навигации flexbox, которая имеет до 5 элементов и всего 3, но это не делит ширину поровну между всеми элементами. скрипка Учебное пособие, которое я моделирую после этого: http://www.sitepoint.com/responsive-fluid-width-variable-item-navigation-css/ SASS * { font-size: 16px; } .tabs { max-width: 1010px; width: 100%; height: 5rem; border-bottom: solid 1px grey; margin: 0 0 …
368 html  css  flexbox 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.