HTML/CSS справочник
HTML/CSS справочник
| |||
| |||
< h3>Данный портал является кратким справочником по созданию Web сайтов средствами < strong>HTML/CSS.</strong>В справочнике содержатся:
< h4>*краткая историческая справка</h4> < p>Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991—1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария).
all.css
|
|
Главная — Справочник CSS — Тег » « clear Свойство clear запрещает/разрешает элементу обтекать «floated» объекты. Ниже показано как последующий элемент (второй заголовок) обтекает предыдущее изображение справа. Ваш текст, который будет употреблен. Ваш текст, который будет употреблен. Ваш текст, который будет употреблен.
В следующем примере показано, что второй заголовок имеет запрет на обтекание предыдущего изображения (применено свойство clear: left) Ваш текст, который будет употреблен. Ваш текст, который будет употреблен.
h2 {clear: left}
Значение по умолчанию: none Применяется: Ко всем блочным элементам Наследуется: Нет
|
||||
| | | |
|||||
html / css / javascript hover text ‘словарь’
Я планирую сделать несколько страниц учебных тем, в которых некоторые слова должны иметь всплывающий текст для дальнейшего определения слова. На данный момент мои ограниченные знания о создании всплывающего текста включают (если это изображение):
png" alt="" title="hover text" />
Но мне больше нравится всплывающее окно при наведении курсора на текст, например:
HTML – это стандартный язык разметки для создания веб-страниц.
CSS – это еще один стандартный язык разметки для создания веб-страниц.
Если у меня есть несколько экземпляров «HTML», которые я хочу связать с всплывающим окном на странице, это станет довольно громоздким, чтобы гарантировать, что у меня есть точно такие же слова для определений «HTML» или «CSS», где они может появиться. Есть ли какой-то словарь определения класса или, возможно, какая-то функция, которую можно использовать для обертывания каждого экземпляра «HTML» или «CSS»? Например:
Вот некоторый текст, ведущий к слову, и я продолжаю некоторый текст, пока не дойду до и затем я продолжаю свой текст. ![]()
Как лучше всего действовать в таком случае? Я хочу убедиться, что определения одинаковы по всему тексту и, когда я расширяюсь на другие страницы, также одинаковы.
- JavaScript
- HTML
- CSS
2
Хотя элемент dfn позволяет создавать ссылки на странице, это не так удобно для пользователя, как наведение курсора на слово, поскольку им нужно что-то сделать, чтобы вернуться туда, где они были. Он также не работает автоматически на разных страницах.
Как насчет использования классов CSS и псевдоэлементов после в dfns? Я знаю, что в контент помещаются вещи с реальным значением, но в определенной степени это работает (существуют обычные проблемы с тем, где разместить всплывающее окно, например, если оно находится ближе к концу строки).
Чтобы создать CSS, вы, вероятно, захотите использовать JS или какой-нибудь внутренний скрипт, если у вас очень длинный список определений.
Вот код из вопроса, размеченного таким образом:
dfn:hover::after { положение: абсолютное; z-индекс: 9999; цвет фона: белый; цвет границы: красный; стиль границы: сплошной; отступ: 5px; } .html: hover:: после { содержание: «Язык гипертекстовой разметки»; } .css: hover:: после { содержимое: «Каскадная таблица стилей»; }
HTML — это стандартный язык разметки для создания веб-страниц.
CSS — еще один стандартный язык разметки для создания веб-страниц.
Зарегистрируйтесь или войдите в систему
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя электронную почту и пароль
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
css — Импорт словаря стилей в стилизованные компоненты
Задавать вопрос
спросил
Изменено 1 год, 5 месяцев назад
Просмотрено 783 раза
Сейчас я решаю, какие технологии использовать в проекте. Мне всегда нравился sass, и главными причинами этого являются вложенность css и возможность создания классов dicionaty для хранения всей информации о дизайне, такой как поддон, поля и т. д. Например, ниже:
$primary-color: #fff; $Второй цвет: #eee;
И затем, в самом файле .scss, я могу импортировать этот словарь и иметь легкий доступ к палитре, тем самым достигая стандартизации и облегчая создание таблиц стилей:
@import "dictionary.scss";
Стилизованные компоненты — отличная штука, и я полностью согласен с их преимуществами на веб-сайте. Однако мне не нравится идея потерять эту функциональность словаря, которая у меня есть с sass. Я знаю, что могу передавать данные стилизованным компонентам из состояния и свойств, но это также означает, что в какой-то момент мне придется откуда-то передавать эти свойства или состояние. Нравится:
Есть ли способ согласовать эту функциональность словаря с sass со стилизованными компонентами? Как-то импортировать словарь.