Да, довольно востребована. Тем более, что действительно хорошего верстальщика сейчас найти сложно. Однако, если специалист занимается одной только версткой, то он может быть востребован у узкого круга лиц, например, веб-студия может нанять такого специалиста или заказчик под конкретные задачи. Требования сейчас очень высоки, люди хотят всё и сразу, поэтому, чтобы хорошо зарабатывать, освоить профессию верстальщика мало, люди хотят, чтобы исполнитель делал дизайн, верстал его и тут же натягивал на движок. Поэтому, нужно либо вкалывать, изучая новые технологии и все их особенности, либо объединяться с дизайнерами и бэкэндщиками, да и хороший сеошник в команде лишним не будет.
Описание группы элементов или единичного элемента, к которому применяется указанное правило стиля.
Различают (в основном) несколько типов селекторов:
- Простые селекторы
- Селекторы потомков
- Дочерние селекторы
- Сестринские селекторы
Среди простых селекторов также различают:
- Селектор типа
- Селектор класса
- Селектор псевдокласса
- ID-селектор
Пример использования простого селектора в CSS:
a { color: blue; }
где "a" - собственно селектор, обозначает тег <a>, а выражение, заключенное в фигурные скобки - стилистическое правило. В данном примере, оно говорит, что все ссылки должны быть синими.
Пример использования селектора потомков:
td a { color: red; font-weight: bold; }
В данном случае имеется ввиду, что все ссылки размещенные в таблице будут отображены красным цветом, и жирным шрифтом (также включая подтаблицы).
Более подробную информацию о селекторах в CSS можно получить здесь.
<h2>Выравнивание фонового изображения по центру</h2>
Для выравнивания фонового изображения, установленного с помощью свойства background-image, по центру необходимо использовать свойство background-position
Это свойство имеет 2 значения по горизонтали(возможные значения left, center, right) и вертикали (возможные значения top, center, bottom).
Пример: центрирование фона и вертикально и горизонтально надо записать
<table width="95%" border="1" align="center" cellpadding="1" cellspacing="1" id="main" style="background-image:url(1.png);background-position: center center;"></table>
В чистом HTML этого сделать нельзя. HTML - просто язык разметки гипертекста, который не может дать вам возможность масштабирования страницы. Придется изучать CSS, Java Script и всякие библиотеки к JS.
Проще взять готовые шаблоны. Например, в Jumla
Лично я смотрел видеоуроки от Школы Программирования. Это для начала. Далее выполнял некоторые задачки на HTMLAcademy. Потом смотрел видеокурсы от Александра Паукова. Многие рекламировали Попова. Но я его так и не смотрел. Пауков на Ютубе очень все доходчиво объясняет. Ну и да, команда WebforMyself тоже неплохая. В верстке они разбираются здорово. И объясняют все доходчиво.
