программирование css

2

Как применить эффект наведения к aэлементу, но не к aэлементу с классом active? a:hover(not: .active) Кажется, чего-то не хватает.

88 html css css-selectors

4

Развертывание веб-страницы HTML, CSS в Tomcat

Я только начинаю разработку веб-сайта . Все, что у меня есть на данный момент, - это HTML-страница, поддерживаемая парой таблиц стилей CSS . Могу ли я создать файл WAR из страниц HTML и CSS ? Как развернуть их на сервере Tomcat ? Спасибо.

88 html css tomcat web-deployment-project

4

Селектор для одного тега, за которым следует другой тег

Это выбирает все <B>теги непосредственно предшествовавшие по <A>тэгам: A+B { /* styling */ } Какой селектор для всех <A>тегов, за которыми следуют<B> теги? Вот пример HTML, соответствующий моему вопросу: <a>some text</a> <b>some text</b>

88 css css-selectors

4

Как сделать так, чтобы ширина CSS заполняла родительский элемент?

Я уверен, что эту проблему уже задавали, но я не могу найти ответа. У меня такая разметка: <div id="foo"> <div id="bar"> here be dragons </div> </div> Я хочу, чтобы у foo была ширина 600px( width: 600px;), а у bar было следующее поведение: padding-left: 2px; padding-right: 2px; margin-left: 2px; margin-right: 2px; …

88 css

7

Как установить свойство высоты для SPAN

Мне нужно сделать следующий код растяжимым с предопределенной высотой <style> .title{ background: url(bg.gif) no-repeat bottom right; height: 25px; } </style> <span class="title">This is title</span> Но поскольку диапазон является встроенным элементом, свойство «высота» работать не будет. Вместо этого я попытался использовать div , но он расширится до ширины верхнего элемента. И …

88 css height html

8

Разница в производительности внешнего CSS и встроенного стиля?

Один мой друг сказал, что использование <div style=""></div>вместо сжатого файла css, помещенного link hrefв заголовок, дает некоторый прирост производительности. Это правда?

88 css performance inline-styles

22

как избежать лишних пустых страниц в конце при печати?

Я использую свойство CSS, Если я использую page-break-after: always;=>, он печатает лишнюю пустую страницу перед Если я использую page-break-before: always;=>, он печатает лишнюю пустую страницу после. Как этого избежать? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <style type="text/css"> .print{ page-break-after: …

88 css printing

8

Прозрачный цвет фона CSS

Я хочу, чтобы фон меню списка исчезал, используя непрозрачность, не затрагивая шрифт. Возможно ли это с помощью CSS3?

88 html css opacity

1

margin-top, только когда гибкий элемент обернут

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

88 css margin flexbox

10

CSS3 эквивалент jQuery slideUp и slideDown?

Мое приложение плохо работает с jQuery slideDown и slideUp. Я хочу использовать эквивалент CSS3 в браузерах, которые его поддерживают. Возможно ли, используя переходы CSS3, изменить элемент с display: none;на display: block;при перемещении элемента вниз или вверх?

88 jquery css animation

3

Строка начальной загрузки со столбцами разной высоты

У меня сейчас что-то вроде: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Предположим, что это contentбыли блоки разной высоты и одинаковой ширины - как я мог сохранить тот же «макет на основе сетки» и при этом, …

88 html css twitter-bootstrap responsive-design bootstrap-4

13

Как с помощью CSS сделать все изображения разной высоты и ширины одинаковыми?

Я пытаюсь создать имиджевую стену, состоящую из фотографий продуктов. К сожалению, все они разной высоты и ширины. Как я могу использовать CSS, чтобы все изображения выглядели одинакового размера? предпочтительно 100 х 100. Я думал о создании div с высотой и шириной 100 пикселей, а затем о том, как его заполнить. …

88 html image css resize

7

Как избавиться от лишнего места под svg в элементе div

Вот иллюстрация проблемы (проверено в Firefox и Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Запустить фрагмент кодаHide resultsРазвернуть фрагмент Посмотреть на JSFiddle Обратите внимание на дополнительное redпространство divпод синим svg. Уже пробовал устанавливать paddingи marginоба элемента 0, но безуспешно .

88 html css svg

12

Как установить ширину и высоту изображения, не растягивая его?

Если у меня есть: #logo { width: 400px; height: 200px; } тогда <img id="logo" src="logo.jpg"/> растянется, чтобы заполнить это пространство. Я хочу, чтобы изображение оставалось того же размера, но занимало столько места в DOM. Мне нужно добавить инкапсулирующий <div>или <span>? Ненавижу добавлять разметку для стилизации.

88 html css

6

Заполнение строки таблицы

<html> <head> <title>Table Row Padding Issue</title> <style type="text/css"> tr { padding: 20px; } </style> </head> <body> <table> <tbody> <tr> <td> <h2>Lorem Ipsum</h2> <p>Fusce sodales lorem nec magna iaculis a fermentum lacus facilisis. Curabitur sodales risus sit amet neque fringilla feugiat. Ut tellus nulla, bibendum at faucibus ut, convallis eget neque. …

88 html css html-table row padding

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