CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.
Только что:
<html>
<head></head> //there is content in here
</html>
Само по себе показывает, что html имеет высоту 8px (согласно Chrome). Почему это?
....
Есть ли другой способ размещения текста поверх изображения, кроме использования position: absolute;? Работа с position: absolute; на экранах разных размеров не похоже на то, чем я хочу заниматься. Я продолжал искать ответ, но все, что я смог найти об этом, - это классика: использовать абсолютную поз....
Я нашел красивую форму входа и хотел реализовать ее в своем проекте, но она не отображается должным образом. это исходный: https://codepen.io/hugo/pen/ypcqb и эта шахта: https://jsfiddle.net/burimsyla/2sex8whj/7/
Чего мне здесь не хватает?
PS: я включил этот файл jquery: https: // cdnjs.cloudflare.c....
Я создал меню, в котором есть 3 блока: логотип, панель навигации и панель справа. Я сделал их justify-content: space-around, чтобы логотип был справа, навигация по центру и правая панель справа. Также я сделал ссылки white-space: nowrap и добавил маржу: 0 10% (например), и мой li вышел из тега nav. ....
Я использую платформу bootstrap4 для своего веб-приложения. Вот мое требование: у меня есть таблица, созданная с некоторыми значениями, и в каждой строке есть кнопка редактирования в конце строки (последний столбец). при нажатии кнопки редактирования должна появиться форма с существующими данными в ....
14 Сен 2020 в 13:19
Используя CSS, вы можете изменить фон с помощью: hover. Можете ли вы сделать то же самое с JavaScript?
Допустим, вы добавляете img с помощью JavaScript и хотите изменять это изображение каждый раз, когда пользователь наводит курсор на него, можете ли вы сделать это, используя только CSS? Я пробовал ....
14 Сен 2020 в 12:10
Я много чего пробовал, но не могу понять, как поставить div2 в нижней части div1. Я хочу, чтобы верхняя часть div2 находилась внутри div1 нижняя сторона
Подобно этому
Любые предложения, пожалуйста?
https://jsfiddle.net/njwq14vu/13/ ....
14 Сен 2020 в 11:28
У меня есть горизонтальная диаграмма, в которой каждая полоса должна иметь ширину, указанную в соответствующих тегах div.
Это index.html
<section class="chart">
<div class="chart-entry">
<span class="brand">Apple</span>
<div class="bar" data-percentage="74%"></div>
</div>
<div class="....
Я хочу скрыть дочерний div с id = "checkbox-No недавнего опыта_txh6181p" с помощью css.
<div class="row">
<div class="grid-layout-col">
<div class="layout-col col-sm-12 col-xs-12">
<div id="formElement8" class="elq-field-style form-element-layout row....
14 Сен 2020 в 11:06
У меня есть кнопка, которая, что бы я ни делал, автоматически добавляет отступы слева и справа, которые я не могу уменьшить.
Я пробовал использовать максимальную ширину, но это просто заставляет кнопку перемещаться в левую часть страницы.
.hero-container-2 {
background-color: #214CCE;
display....
Я хочу удалить пустое место над страницей входа
Я понятия не имею, куда пойти это пространство
Я добавляю страницу входа в свой проект mvc и по умолчанию имею пустое место в верхней части страницы
Я хочу удалить это пустое место в верхней части страницы
См. эту ссылку
CheckLogin.cshtml
@{
View....
14 Сен 2020 в 08:29
Я могу изменить цвет кнопки в javascript с помощью линейного градиента CSS backgroundImage, который работает, но не работает, когда я использую тот же метод, чтобы попытаться вернуться в исходное состояние.
Чего мне не хватает?
var darkened=false;
function toggle() {
if (darkened) {
cons....
13 Сен 2020 в 20:41
Я использую Bootstrap 4, и у меня есть многоуровневый раскрывающийся список, как показано ниже:
Я хочу перетащить подменю влево. Итак, обратная сторона, как она сейчас показывает. Я использовал несколько классов, например dropdown-menu-left, pull-left, dropleft, но не менял направление вывода подме....
13 Сен 2020 в 20:02
Я новичок в концепции веб-анимации.
Я сейчас занимаюсь разработкой «анимации Windows Hello».
В ЭТОМ ПРИМЕРЕ КОДА - КАК ОСТАНОВИТЬ АНИМАЦИЮ ПОСЛЕ 1-го запуска и после этого запустить другую функцию JS.
Я много чего пробовал, но не смог заставить работать.
Пожалуйста, помогите мне, где мне изменить ....
13 Сен 2020 в 19:51
У меня есть страница с четырьмя заголовками с идентификаторами заголовка-1, заголовка-2, заголовка-3 и заголовка-4. Эти заголовки содержат содержимое в контейнерах div с идентификаторами content-1, content-2, content-3 и content-4 соответственно.
Четыре заголовка отображаются по умолчанию, но отобра....
13 Сен 2020 в 18:38
Я пытаюсь достичь чего-то подобного
<div class="parent">
<div class="child">
<div class="item"> <!-- select this -->
<div class="item"> <!-- not this -->
</div>
</div>
</div>
</div>
Я пробовал использовать first-child вот так -
.parent .child .item:first-child p {
backgr....
У меня есть:
#t {
background: bisque;
display:block;
width: 200px;
height: 100px;
transition:0.5s;
}
#t:hover {
border-bottom: 3px solid grey;
}
<div id="t"></div>
Как вы можете видеть, когда я нахожу - эффект transition начинает "отставать", вероятно, потому, что я добавляю border-b....
13 Сен 2020 в 18:23
Вот Stackblitz.
Я пытаюсь применить CSS color: blue к div с классом mat-button-toggle-label-content, но он не применяется.
Аналогичный CSS успешно применяется к родительскому элементу с именем mat-button-toggle-group.....
13 Сен 2020 в 17:39
Я пытаюсь отобразить кнопку после ввода тега input. В настоящее время я установил свою кнопку на display: none, и когда я сосредоточусь на поле ввода, он должен изменить мой display: inline-block, что должно заставить его снова появиться. Что я делаю неправильно?
HTML
<h1 className='titl....
Я пытаюсь добавить небольшой треугольник в правом верхнем углу после текста. Мой код выглядит так:
.amenity_note{
margin-right:10px;
}
.amenity_note:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 0;
border-color: transparent #6e....
Я пытаюсь создать веб-страницу, на которой верхняя панель навигации скрывается при прокрутке вниз и отображается при прокрутке вверх. Для этого я использую приведенный ниже код.
<nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top" id='navHeader'>
<!-- all the elements of na....
13 Сен 2020 в 07:55
Я пытаюсь создать макет с двумя столбцами, я хочу, чтобы они имели одинаковую высоту, а содержимое внутри должно быть центрировано по вертикали.
Вот мой код в vuetify
<div id="app">
<v-app>
<v-row align="center">
<v-col cols=6 style="background-color: #FF5000;" align="center">
....
13 Сен 2020 в 04:56
Мне нужно скрыть (display:none;) весь <tr>, если абзац, содержащийся в <td>, имеет определенный класс.
Примере:
<table>
<tbody>
<tr id="sample-34457" class="row-class">
<td class="cell-class"></td>
<td class="cell-class"></td>
<td class="cell-class">
....
13 Сен 2020 в 04:33
Я загружаю изображение в свое веб-приложение, используя стандартные JS и HTML. Это всего лишь простая карта, и моя цель - нарисовать ее с помощью p5.js.
<div id="map">
<img src="Assets/MENA.jpg" class="image" width="1500" height="750">
</div>
function conflictMapMENA() {
this.name="MENA con....
12 Сен 2020 в 21:15
2
Добавьте div в навигацию flexbox, чтобы он отображался поверх содержимого ниже, а не нажимал на него
У меня есть окно поиска, в котором может быть переменное количество результатов. Рост результатов подталкивает элементы под ним. Я пытаюсь понять, как лучше всего этого избежать наиболее удобным в обслуживании способом. Я хочу, чтобы результаты перекрывали все, что находится под ним, а не увеличивал....