Css map что это
Перейти к содержимому

Css map что это

  • автор:

Css map что это

Тег (от англ. map — карта) служит контейнером для элементов , которые определяют активные области для карт-изображений.

Демо¶

Изображения и мультимедиа

Синтаксис¶

1 2 3
map name=""> area /> map> 

Закрывающий тег обязателен.

Атрибуты¶

name¶

Имя идентификатора, которое однозначно определяет карту-изображение. Значение атрибута name элемента должно соответствовать имени в usemap . При этом значение атрибута usemap у начинается с символа решётки.

Синтаксис

map name="">. map> 

Значения

Любое подходящее уникальное имя, оно чувствительно к регистру.

Значение по умолчанию

Спецификации¶

  • HTML Living Standard
  • HTML 5
  • HTML 4.01 Specification

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78
 html> head> meta charset="utf-8" /> title>MAPtitle> style> #title  line-height: 0; /* Изменяем межстрочное расстояние */ > #title img  border: none; /* Убираем рамку вокруг изображения */ > style> head> body> div id="title"> img src="image/ecctitle.png" width="640" height="158" alt="Детский образовательный центр" />br /> img src="image/navigate.png" width="640" height="30" alt="Навигация по сайту" usemap="#Navigation" /> div> p> map name="Navigation"> area shape="poly" coords="113,24,211,24,233,0,137,0" href="page/inform.html" alt="Информация" /> area shape="poly" coords="210,24,233,0,329,0,307,24" href="page/activity.html" alt="Мероприятия" /> area shape="poly" coords="304,24,385,24,407,0,329,0" href="page/depart.html" alt="Отделения" /> area shape="poly" coords="384,24,449,24,473,0,406,0" href="page/techinfo.html" alt="Техническая информация" /> area shape="poly" coords="449,24,501,24,525,0,473,0" href="page/study.html" alt="Обучение" /> area shape="poly" coords="501,24,560,24,583,0,525,0" href="page/work.html" alt="Работа" /> area shape="poly" coords="560,24,615,24,639,0,585,0" href="page/misk.html" alt="Разное" /> map> p> body> html> 

Как подключить файл style.css.map?

Подскажите пожалуйста как подключить к проекту после компиляции less, файл (style.css.map).
Работаю без сборщика проектов.

  • Вопрос задан более трёх лет назад
  • 8529 просмотров

Комментировать
Решения вопроса 0
Ответы на вопрос 2

Odinokun

Он сам подключится.
При компиляции из less в css в файле стилей к карте будет автоматически создан путь.
Вы его просто положите в одну директорию с style.css

Ответ написан более трёх лет назад

iRoschak

Igor Roschak @iRoschak Автор вопроса

Компилирую в Koala, когда смотрю в отладчике код то показывает стили CSS.
Понял принцип как все работает, буду искать ошибку.

iRoschak

Igor Roschak @iRoschak Автор вопроса

подключаю стили
в папке «css» лежит 2 файла (main.css, main.css.map)
и ничего не получаеться
скриншот
https://d1ro8r1rbfn3jf.cloudfront.net/ms_64370/Xyo.

Odinokun

а можешь заскриншотить вот это окно настроек у Коалы?
joxi.ru/52a8x4ZuGJWzvm

iRoschak

Igor Roschak @iRoschak Автор вопроса
скриншот настроек
https://d1ro8r1rbfn3jf.cloudfront.net/ms_64370/4PP.

Odinokun

Ну я хз, у меня с такими же настройками из sass вме нормально компилируется. И карта правильно создается.
Хотя я уже перешел на Gulp в своих проектах и тебе очень рекомендую.

iRoschak

Igor Roschak @iRoschak Автор вопроса
Front-end Developer

Нашел такую строчку кода (последняя строка в файле main.css)
/*# sourceMappingURL=main.css.map */

Возможно не работает потому что она закомментирована?

/*# sourceMappingURL=modal.css.map */ — что значит?

В консоле пишет: GET http://landinco.ru/wp-content/themes/Divi/albanza/css/modal.css.map 404 (Not Found).
Что это означает и где взять ее? В скрипте такого файла нет.

Отслеживать
51.4k 87 87 золотых знаков 267 267 серебряных знаков 505 505 бронзовых знаков
задан 2 янв 2015 в 9:32
307 2 2 золотых знака 8 8 серебряных знаков 20 20 бронзовых знаков

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Это значит, что данный CSS код был сгенерирован с помощью какого-то CSS-препроцессора с использованием Карты Кода(Source Map). Если в этом файле тебе всё понятно(или разбираться в нём не нужно) и работает он корректно, то эту строку можно смело удалить.

Прочитать про карты кода можно тут http://habrahabr.ru/post/148098/

Отслеживать
ответ дан 2 янв 2015 в 9:51
311 1 1 серебряный знак 5 5 бронзовых знаков
Спасибо за ответ, а не подскажите, где более подробно почитать на эту тему?
2 янв 2015 в 10:03
Дополнил ответ.
2 янв 2015 в 10:09

  • javascript
  • css
    Важное на Мете
Похожие

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Дизайн сайта / логотип © 2024 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2024.3.8.5973

Css map что это

Узнайте, что включено в Bootstrap, включая наши скомпилированные и исходные коды. Помните, что для плагинов JavaScript Bootstrap’у требуется jQuery.

Предварительно компилированный Bootstrap

Строение скачанного архива BS4 будет таким:

bootstrap/ ├── css/ │ ├── bootstrap-grid.css │ ├── bootstrap-grid.css.map │ ├── bootstrap-grid.min.css │ ├── bootstrap-grid.min.css.map │ ├── bootstrap-reboot.css │ ├── bootstrap-reboot.css.map │ ├── bootstrap-reboot.min.css │ ├── bootstrap-reboot.min.css.map │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ └── bootstrap.min.css.map └── js/ ├── bootstrap.bundle.js ├── bootstrap.bundle.js.map ├── bootstrap.bundle.min.js ├── bootstrap.bundle.min.js.map ├── bootstrap.js ├── bootstrap.js.map ├── bootstrap.min.js └── bootstrap.min.js.map

Это базовая форма Bootstrap: перекомпилированные файлы для быстрого подключения в почти любой веб-проект. Доступны: компилированные файлы CSS и JS ( bootstrap.* ), как и компилированные «облегченные» файлы ( bootstrap.min.* ). Карты исходного кода CSS ( bootstrap.*.map ) доступны для использования лишь с определенными инструментами разработчика в браузере. Связанные JS-файлы ( bootstrap.bundle.js и минимизированный bootstrap.bundle.min.js ) включают Popper, но не jQuery.

Кодовые карты дают независимый от языка способ показа соответствия рабочего кода и исходных кодов (sources), написанных вами при разработке.

Файлы СSS

Bootstrap включает несколько параметров для подключения всех ваших компилированных CSS.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *