Ken Jee

Так вот же htmlbook.ru

padding: 0;

С точки зрения SEO, чем чище код, тем лучше для поисковика. Есть такое понятие как "битовая глубина до полезного контента", т.е. это количество символов до первого вменяемого текста. Так что всё лишнее - в отдельный файл.

Не занимайтесь извращенством используйте CSS свойство background

Если речь идет о появлении текста при наведении, то почитайте про CSS свойство transition

Элементы, имеющие display: none; не учитываются в дереве разметки. Поэтому вы и не можите вычислить их высоту, т.к. она не назначена движком браузера. Кажды раз, когда вы, что-то изменяете в дереве элементов, браузер перестраивает весь документ, целиком и полностью.

В вашем случае можно попробовать поиграться со свойством visibility, вместо hidden. Но там тоже есть нюансы.

Вообще по уму делается так:
1) Для удобства разработки код дробится по разным файлам.
2) Перед выкладкой в продакшн код собирается в один файл и минифицируется.

Сталкивался с такой проблемой. Суть ее в версиях Android. Разные версии андроид имею разные косяки. Например, что-то нормально работает в Андроид 4.2, но не правильно работает в 4.3. Посмотрите что происходит с версткой используя https://developer.chrome.com/devtools/docs/remote-...