Frontend HTML & CSS Basics from my learning

HTML : Hypertext Markup Language

HTML Best practice

• BEM (Block Element Modifier)
• Semantic HTML
• HTML Best practice by Kyo Nagashima, check HTML Best Practice

HTML Important topics

• HTML Form
• HTML Attributes
• HTML tag Elements
  • Block & inline elements
  • meta tags
  • self closing elements
• HTML Inputs

CSS : Cascading Style Sheets

The Importance of Cascade Algorithm

• CSS Execution Order
• CSS Combinator
• CSS Inheritance

Important Topics

• Margin, Padding
• Units
  • Color Units
  • Size Units
• CSS Selectors
• CSS position
• FlexBox
• Z-index (content position)
• Overflow
• CSS Shadows
• CSS functions
• Media Queries
• Pseudo Codes

Topics for Efficient CSS coding

• CSS Shorthands
• CSS custom Properties: CSS root & Variables
• CSS Custom Properties: CSS Reset
• CSS Media Queries Breakpoints
• CSS Best Practices
• CSS preprocessor : SASS, SCSS
• CSS In JS

Folder Structure

1. Download a. HTML & CSS Basic ↓

Resources

You can get details info of HTML & CSS basics from bellow these links

1. HTML Reference
2. CSS Reference
3. w3school HTML
4. w3school CSS
5. Mozilla Developer Network
6. JS Bangladesh, SR Setu
7. Joshw Comeau's CSS Hacks Blog Posts
8. Google's Web Dev Course and Doc
9. CSS Tricks

Practice Site

1. Frontend Mentor

Suggested Book

1. Debugging CSS