Для верстки мы используем Bootstrap.
Старайтесь не выдумывать велосипед. Почти все нужные стили уже есть в Bootstrap. Просто изучите досконально сайт getbootstrap.com. Обязательно научитесь делать макет в стиле bootstrap – это нужно не только для создания каркаса мастер-страницы. Это можно использовать для любой формы.
Никогда не используйте таблицы для позиционирования элементов.
Обязательно разберите в деталях основные свойства CSS, чтобы полностью представлять, как они действуют и какие варианты могут быть. В первую очередь я говорю о position, display, float, overflow, top, left, right, bottom, margin, padding, border, background.
Разработка для мобильных
Есть 2 варианта – адаптивный дизайн (т.е. когда грузится один HTML и вывод зависит от ширины экрана) и разделение на мобильные и настольные приложения (по сути сайт с разными View для типов экрана).
На мой взгляд второй вариант предпочтительнее, т.к. вы бережете трафик для мобильных юзеров, приложение получается более оптимизированным под мобильники.
Все-таки мобильные приложения по своей структуре и своему содержанию довольно сильно отличаются от настольных соседей.
Далее рассмотрим организацию кода.