Stack Overflow на русском Stack Exchange
Stack Overflow на русском Stack Exchange

Questions tagged [css]

CSS, или каскадные таблицы стилей, — формальный язык описания внешнего вида документа, язык стилей, определяющий отображение HTML-документов.

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

Правила CSS пишутся на формальном языке и располагаются в таблицах стилей, то есть таблицы стилей содержат в себе правила CSS, которые в свою очередь составляются через свойства CSS. Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS. В файле .css не содержится ничего, кроме перечня правил и комментариев к ним.

Ввиду того, что CSS позволяет выносить повторяющиеся стилевые описания одних и тех же элементов в один набор правил, происходит значительная "разгрузка" HTML кода, делая его лёгким и удобным для чтения или редактирования.

CSS препроцессоры

CSS постпроцессоры

CSS Фреймворки

Ссылки

Документация CSS 2.1
Документация CSS 3 (селекторы)
Документация CSS 3 (медиа-запросы)
Домашняя страница CSS

29141 questions
31
votes
10 answers

Как при наведении на один элемент менять стили другого элемента?

Как сделать так, чтобы при наведении на один элемент (hover) менять стили другого элемента? Можно ли это сделать только на css? К примеру: навожу на блок и хочу чтобы все заголовки в этом блоке стали другого цвета. Как записать? Так не…
butteff
  • 1,737
17
votes
4 answers

Базовые стили браузеров

Какое решение в настоящий момент времени популярно, для нормализации (приведение всех стилей браузеров, к общему единому состоянию) базовых стилей браузеров, в процессе разработки проекта? Пока я нашел три решения: Сделать все самому, что бы точно…
Юрий Светлов
  • 830
15
votes
4 answers

Селектор левых соседей

Столкнулся с проблемой: нужно разместить стиль для соседей, которые находится слева от элемента. В моём случае, нужно, чтобы ul элемент красил элемент a в красный. Вот мой html код:
9
votes
5 answers

Окружность с градиентом

Как создать такую окружность, как на рисунке? На рисунке есть ещё задний фон. Можно нарисовать круг с градиентом, и с помощью :before закрыть внутреннюю часть по периметру, но как тогда показать задний фон через :before?
word
  • 2,810
  • 4
  • 34
  • 69
9
votes
3 answers

css. Вопрос про позиционирование, или нет?

Очень долго искал, но не нашел ответ. Можно ли как-либо абсолютно позиционированному элементу позиционироваться относительно body, если этот элемент имеет одного или несколько абсолютно позиционированных предков? Проблема в том, что содержимое…
qwertet
  • 129
9
votes
1 answer

Почему блок при применении `padding` увеличивает свои размеры?

В заглавии блоки multi-accordion-title и находящийся в нём catalog-title почему-то увеличивают с размер, когда применяется padding хотя их родительский блок шириной 240px. Как это исправить? $('.multi-accordion li >…
Sylon
  • 527
9
votes
3 answers

Оформление Input type="text"

Здравствуйте, возможно ли сменить оформление текстового поля input? Если это возможно, подтолкните в нужное направление. Смотрел в Googl`e, ни чего внятного не нашел. Спасибо.
x7g100
  • 111
8
votes
2 answers

Создание тени, не падающей на div

Всем привет! Я новичок и я пытаюсь создать вот такую вот тень для фотографий: А получается, к сожалению вот так и самостоятельно решить эту проблему у меня не получается: Т.е. тень верхней фотографии падает на нижнюю, а этого не должно быть. К…
d.x.r
  • 83
8
votes
2 answers

Нахождение использование стилей

Можно ли как то определить используются ли подключенные css стили где то, на данной странице . Допустим подключено 5 css файлов , как допустим, узнать используется 1 из них на определенной странице ?
MoJlo4HuK
  • 1,230
8
votes
5 answers

Размер текста относительно ширины блока

Есть заголовок внутри адаптивного блока. Необходимо чтобы сам текст занимал свободное пространство родительского блока по ширине и соответственно увеличивался и уменьшался в размерах.

Заголовок

DmitryZ
  • 110
8
votes
2 answers

Почему при наличии у родителя и его потомка положительного margin-top отступ у потомка не схлопывается, только если у родителя есть граница сверху?

Собственно в первом примере обозначаем бордер, во втором убираем. Смотрим что получилось: Пример 1: Здесь есть у родителя бордер: #parent { position: relative; margin-top: 24px; box-shadow: 0px 0px 20px 0px #000000; border: solid 1px…
I_CaR
  • 2,700
7
votes
4 answers

Подскажите как нарисовать в css российский флаг

Подскажите как нарисовать в css российский флаг
Вадим Дудко
  • 81
7
votes
1 answer

Загрузка файлов и медиа запросы

Всем известно, что стили из медиа запросов не применяются, если устройство не подходит под параметры, указанные в запросе. А что с файлами, например, background: url("...") no-repeat; Т.е., css файл, внутри которого несколько медиа запросов:…
halfPeiceOfGangsta
  • 129
7
votes
3 answers

Как сделать свечение вокруг SVG иконки?

Как создать свечение вокруг иконки SVG? Иконка SVG будет являться ссылкой, то есть hover работает только в рамках этой иконки. Форма иконки сложная (не квадрат или груг). Иконка то же должна менять цвет при наведении.
Sylon
  • 527
7
votes
3 answers

Применить :nth-child() только к видимым блокам таблицы

Вот это кусок кода форматирует таблицу по типу зебры: #calc tr:nth-child(2n) { background: #f0f0f0; /* Цвет фона */ } #calc tr:nth-child(2n + 1) { background: #666; /* Цвет фона */ color: #fff; /* Цвет текста */ } …
Dikkiy
  • 329
1
2 3
…
99 100