Understanding Basic HTML & CSS Concepts for Beginners

While learning Full Stack Web Development, I explored some important HTML and CSS concepts that help in building clean and responsive websites.
Global Selector (*)
The global selector is used to apply styles to all elements in a webpage.
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
It helps maintain consistent spacing and layout throughout the website.
**Anchor Tag *
The anchor tag is used to create links in HTML.

href stands for Hypertext Reference.
Margin vs Padding
Both are used for spacing, but they work differently.
Margin: Space outside the element.
Padding: Space inside the element.
Box Sizing: Border Box
box-sizing: border-box makes width and height include padding and border.This helps avoid layout issues and makes responsive design easier.
Types of Elements
1.Block Level Element:Block elements take the full width available and always start on a new line.
Example:

2.Inline Element: Inline elements take only the required width and stay in the same line.
Example:

nav tag

Types of Lists
1.Ordered List: An ordered list displays items in a numbered format.
2.Unordered List: An unordered list displays items using bullet points.