Что такое CSS-коды и как их использовать?

Question

[DrunkMaster]

В таблице спецсимволов HTML каждый символ имеет html-код и css-код

Например

Карточные масти Пики:
♠ - html-код
\2660 - css-код

Иконка йены / юаня:
¥ - html-код
\00A5 - css-код

Что и как мне надо написать в CSS и HTML (куда поставить \00A5) что бы эти иконки отобразились на странице?

Comments

[Сергей delphinpro]

Нет понятия «css-код»
То что вы им называете — это самый обычный код символа по таблице юникода.

Нет понятия «html-код»
Это называется html-сущность (англ. html-entity), мнемоника, для обозначения специальных символов.

PS. Слово «код» употреблено в значении Код

Answer 1

[Rsa97]

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

span.spades::before {
  content: "\2660";
}

и перед всеми span'ами с классом spades появятся значки. Но современные браузеры вполне понимают и прямое написание этих символов (♠) если страница в кодировке Unicode или UTF.

Answer 2

[gleendo]

.class::before {
  content: "\00A5"
}

Comments

[DrunkMaster]

Спасибо. А как найти их полный список по версиям браузеров? Запрос "css before icons all list" не выдаёт внятных ответов

[gleendo]

DrunkMaster, https://unicode-table.com/ru/

Answer 3

[Stalker_RED]

Именованные, типа ♠ ¥   - это html entities. Полный список здесь: https://www.w3.org/TR/WD-html40-970708/sgml/entiti...

Коды типа \00A5 это обычные unicode символы. Есть множество сайтов с их списками.
unicode.org/charts
xahlee.info/comp/unicode_index.html
www.rapidtables.com/code/text/unicode-characters.htm