Материал - значки содержимого
В этой главе объясняется использование значков (Материального) содержания Google. Предположим, чтоcustom - это имя класса CSS, в котором мы определили размер и цвет, как показано в приведенном ниже примере.
<!DOCTYPE html>
<html>
<head>
<link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">
<style>
i.custom {font-size: 2em; color: green;}
</style>
</head>
<body>
<i class = "material-icons custom">accessibility</i>
</body>
</html>
Следующая таблица содержит использование и результаты использования значков Google (Материального) контента. Замените тег <body> указанной выше программы кодом, приведенным в таблице, чтобы получить соответствующие выходные данные -
Применение | Результат |
---|---|
<i class = "material-icons custom"> добавить </i> | Добавить |
<i class = "material-icons custom"> add_box </i> | add_box |
<i class = "material-icons custom"> add_circle </i> | add_circle |
<i class = "material-icons custom"> add_circle_outline </i> | add_circle_outline |
<i class = "material-icons custom"> архив </i> | архив |
<i class = "material-icons custom"> backspace </i> | Backspace |
<i class = "material-icons custom"> блок </i> | блокировать |
<i class = "material-icons custom"> очистить </i> | Чисто |
<i class = "material-icons custom"> content_copy </i> | content_copy |
<i class = "material-icons custom"> content_cut </i> | content_cut |
<i class = "material-icons custom"> content_paste </i> | content_paste |
<i class = "material-icons custom"> создать </i> | Создайте |
<i class = "material-icons custom"> черновики </i> | Черновики |
<i class = "material-icons custom"> filter_list </i> | filter_list |
<i class = "material-icons custom"> флаг </i> | флаг |
<i class = "material-icons custom"> font_download </i> | font_download |
<i class = "material-icons custom"> вперед </i> | вперед |
<i class = "material-icons custom"> жест </i> | жест |
<i class = "material-icons custom"> почтовый ящик </i> | почтовый ящик |
<i class = "material-icons custom"> ссылка </i> | ссылка |
<i class = "material-icons custom"> почта </i> | почта |
<i class = "material-icons custom"> markunread </i> | пометить как непрочитанное |
<i class = "material-icons custom"> повторить </i> | повторить |
<i class = "material-icons custom"> удалить </i> | удалять |
<i class = "material-icons custom"> remove_circle </i> | remove_circle |
<i class = "material-icons custom"> remove_circle_outline </i> | remove_circle_outline |
<i class = "material-icons custom"> ответ </i> | Ответить |
<i class = "material-icons custom"> reply_all </i> | повторить все |
<i class = "material-icons custom"> отчет </i> | отчет |
<i class = "material-icons custom"> сохранить </i> | спасти |
<i class = "material-icons custom"> select_all </i> | выбрать все |
<i class = "material-icons custom"> отправить </i> | Отправить |
<i class = "material-icons custom"> сортировать </i> | Сортировать |
<i class = "material-icons custom"> text_format </i> | text_format |
<i class = "material-icons custom"> stay_current_portrait </i> | stay_current_portrait |
<i class = "material-icons custom"> отменить </i> | отменить |