Intro to CSS - Full Stack Web Dev Bootcamp Day 2 (2024-06-18)

In this lecture we learn about Cascading Style Sheets (CSS).
We first learn how to change the visual aspect of an HTML element using the style tag. Then we move the code to an external and separate stylesheet file whose filename ends in dot css.
We learn how to write a CSS selector going by the element name to target all elements of such name in a document.
We learn some basic CSS properties to change text color, background color, text alignment.
You also learn how to open the Developer Tools (DevTools) and use it to debug styling. It is very useful to play around and figure out the real time what the best colors, size, etc, are for your application. Then remember to copy the code back to your text editor because DevTools changes are temporary and you lose them after reloading the page.
We learn about inline and block elements using the display property.
We learn about the box model that is comprised of margin, border, and padding. The margin is the space outside. The border is what's between outside and inside. The padding is the space inside.
We learn how to redecorate an unordered list and turn it into navigation link buttons.
We learn some pseudo-classes like :hover, :active, :last-child that are applied to the selector to target it under a particular user interface state.
You learn about how classes are very useful to reuse the styles already written by somebody else. Bootstrap was used as an example.
Source Code: github.com/nbktechworld/full-...

[@ThePassionatorCode]

Bro continue this playlist. This will help us a lot to learn. Also teach tailwind in coming days. Thank you.🥰