Всем привет ?,

Я фронтенд-разработчик с 3-летним опытом. Я всегда хотел восполнить пробел в своих знаниях и стать Full-Stack разработчиком. Я предпринял несколько попыток начать проект «Один», но не смог последовательно довести его до конца. На этот раз я полон решимости продолжать в том же духе и совершенствовать свои навыки.

Чтобы отслеживать свой прогресс, я буду публиковать серию сообщений в блоге с подробным описанием моих знаний из каждой главы проекта Odin. Считайте это моими дневниками разработки.

Я буду добавлять темы, которые я изучил, и делиться тем, чего раньше не знал.

Я начинаю с CSS как HTML и всех вводных материалов, которые я прошел ранее или, по крайней мере, о которых мне известно.

Изученные темы

• Селекторы

1. Универсальный селектор
2. Выбор типа
3. Выбор класса
4. Выбор идентификатора
5. Селектор группировки
6. Селектор цепочки

• Комбинатор Я знал, как использовать комбинатор, но не знал этого конкретного термина. Также определение, что речь идет об отношениях между селекторами, а не о их группировке или объединении в цепочку.
• Комбинатор потомков

Основные свойства CSS

• цвет, цвет фона
• Типографика

1. Семейство шрифтов и семейство общих шрифтов

• Высота и ширина изображения
  Итак, еще одна вещь, которую я здесь узнал: желательно всегда указывать атрибуты ширины и высоты для изображений в HTML. Это гарантирует, что браузер резервирует подходящее пространство для изображения во время рендеринга страницы, предотвращая неожиданные изменения в макете контента при загрузке изображений. Чтобы сохранить исходное соотношение сторон изображения, вы можете изменить только атрибут ширины и установить для высоты значение «авто». Это автоматически отрегулирует высоту в зависимости от пропорций изображения.

• Внешний CSS

• Внутренний и встроенный CSS

Я вспоминаю случай, когда мой технический руководитель добавил встроенный CSS в наш HTML. Я не решался подвергнуть сомнению его решение, поскольку он был опытным профессионалом, а я все еще был относительно новичком в этой области.

Однако теперь я понимаю, что более эффективным подходом было бы предложить свести к минимуму использование встроенного CSS. Ограничивая встроенные стили только теми, которые абсолютно необходимы для функционирования правила, мы можем избежать чрезмерной специфичности и поддерживать более чистую и удобную в обслуживании кодовую базу.

Я также планирую публиковать еженедельный подкаст, в котором подытожу все, что я узнал.