css ×74
Создан 03.01.2025
61
голоса
5
ответов
17
просмотров
Как отключить выделение текста в элементах на странице

Заголовок: Как отключить выделение текста для якорных элементов, которые ведут себя как кнопки, с помощью CSS?

Текст проблемы:

У меня есть якорные элементы, которые функционируют как кнопки (например, кнопки в боковой панели на странице Stack Overflow, озаглавленные Вопросы, Теги и...

51
голоса
5
ответов
11
просмотров
Как горизонтально центрировать элемент?

У меня возникла проблема с горизонтальным центрированием внутри другого с помощью CSS. Я создаю две обертки: одну с идентификатором "outer" и другую с идентификатором "inner", где я хочу разместить текст "Foo foo".

Вот код, который я использую:


  Foo foo

Как мне правильно...

42
голоса
4
ответов
10
просмотров
Существует ли селектор родителя в CSS?

Как мне выбрать элемент ``, который является непосредственным родителем элемента ссылки?

В качестве примера, мой CSS будет выглядеть примерно так:

li < a.active {
    property: value;
}

Очевидно, что есть способы сделать это с помощью JavaScript, но я надеюсь, что существует какой-то...

37
голоса
5
ответов
18
просмотров
Как задать cellpadding и cellspacing с помощью CSS?

В HTML-таблице параметры cellpadding и cellspacing можно задать следующим образом:

<table cellspacing="1" cellpadding="1">

Как можно добиться того же эффекта с помощью CSS?

29
голоса
5
ответов
12
просмотров
Как создать ненумерованный список без маркеров?

Я создал неупорядоченный список и обнаружил, что маркеры в этом списке выглядят беспокойно. Мне необходимо удалить эти маркеры.

Возможно ли сделать список без маркеров?

29
голоса
5
ответов
13
просмотров
Как перейти от height: 0; к height: auto; с помощью CSS?

У меня возникла проблема с анимацией элемента ``, который должен плавно появляться с помощью CSS-переходов.

В данный момент я устанавливаю height: 0; для ``. При наведении высота меняется на height: auto;, но в таком случае элемент просто появляется, а не анимируется.

Если я установлю высоту...

28
голоса
4
ответов
14
просмотров
Как сделать, чтобы div заполнял оставшееся пространство экрана по высоте?

Я работаю над веб-приложением, где контент должен занимать всю высоту экрана.

На странице есть заголовок, который содержит логотип и информацию о аккаунте. Высота заголовка может быть произвольной. Мне нужно, чтобы контейнер с контентом заполнял оставшуюся часть страницы до самого низа.

У меня...

27
голоса
3
ответов
19
просмотров
"Как сделать div на 100% высоты окна браузера"

У меня есть макет с двумя колонками - слева находится div, а справа - другой div.

Правый div имеет серый background-color, и мне нужно, чтобы он расширялся вертикально в зависимости от высоты окна браузера пользователя. В данный момент background-color заканчивается на последнем элементе контента...

27
голоса
5
ответов
21
просмотров
Как вертикально центрировать текст с помощью CSS?

У меня есть элемент , который содержит текст, и я хочу выровнять содержимое этого по вертикали по центру.

Вот стиль для моего ``:

#box {
  height: 170px;
  width: 270px;
  background: #000;
  font-size: 48px;
  color: #FFF;
  text-align: center;
}

  Lorem ipsum dolor...
26
голоса
4
ответов
15
просмотров
В чем разница между margin и padding в CSS?

В чем разница между margin и padding в CSS? Когда следует использовать одно или другое?

25
голоса
4
ответов
18
просмотров
Какова разница между SCSS и Sass?

Я читаю, что Sass — это язык, который делает CSS более мощным за счет поддержки переменных и математических операций.

В чем разница между Sass и SCSS? Они должны быть одним и тем же языком? Похожие? Или они разные?

25
голоса
5
ответов
22
просмотров
Как сделать так, чтобы div не был больше своего содержимого?

У меня есть разметка, похожая на следующую:


    
    

Я хотел бы, чтобы расширялся только до ширины, которую занимает моя. Как мне этого добиться?

25
голоса
5
ответов
21
просмотров
Как уменьшить непрозрачность фона элемента с помощью CSS?

Описание проблемы:

Возможно ли с помощью только CSS сделать так, чтобы фон элемента был полупрозрачным, а содержимое (текст и изображения) оставалось непрозрачным?

Я хотел бы достичь этого эффекта без необходимости разделять текст и фон на два отдельных элемента.

При попытке реализовать это,...

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

У меня есть список, и я добавил обработчик кликов для его элементов:


  foo
  goo

Как я могу изменить указатель мыши на указатель в виде руки (как при наведении на кнопку)? В данный момент указатель превращается в указатель для выделения текста, когда я навожу курсор на элементы...

23
голоса
5
ответов
23
просмотров
Получить координаты (X,Y) HTML-элемента

Я хочу узнать, как получить координаты X и Y HTML-элементов, таких как img и div, с помощью JavaScript.

22
голоса
4
ответов
25
просмотров
Как выбрать элемент с несколькими классами в jQuery?

Я хочу выбрать все элементы, которые имеют оба класса a и b.

<element class="a b">

То есть, только те элементы, которые имеют оба класса.

Когда я использую $(".a, .b"), это возвращает объединение, но мне нужен пересечение.

22
голоса
4
ответов
13
просмотров
Вертикальное выравнивание текста рядом с изображением?

Почему не работает vertical-align: middle, но vertical-align: top работает?

Я столкнулся с проблемой при использовании свойства CSS vertical-align. У меня есть следующий код:

span {
  vertical-align: middle;
}

  
  Doesn't work.

Я ожидаю, что текст внутри ``...

21
голоса
5
ответов
10
просмотров
Как автоматически изменять размер изображения с сохранением пропорций

Как автоматически изменить размер большого изображения так, чтобы оно поместилось в контейнер div с меньшей шириной, сохраняя при этом соотношение width:height?

Например, на сайте stackoverflow.com, когда изображение вставляется в панель редактора, и оно слишком большое, чтобы поместиться на...

20
голоса
5
ответов
27
просмотров
Как создать плейсхолдер для выпадающего списка (select)?

Я использую заполнители для текстовых полей, и это работает прекрасно. Но я хотел бы использовать заполнитель и для выпадающих списков. Конечно, я могу просто использовать следующий код:


    Выберите ваш вариант
    Durr

Но текст «Выберите ваш вариант» отображается черным цветом...

20
голоса
5
ответов
8
просмотров
Переходы на свойстве display в CSS

Я разрабатываю меню "мега-дропдаун" с помощью CSS — фактически, это обычное выпадающее меню только на CSS, но содержащее различные типы контента.

На данный момент, выяснил, что переходы CSS3 не применяются к свойству 'display', т.е. невозможно сделать плавный переход от display: none к...