CSS Crash Course for Beginners -1

Welcome to another beginners course specially targeted at people, who want to start with web-development. You should first learn about HTML, before moving to CSS. You can find my HTML series here.

CSS is known as Cascading Style Sheets and is used to style websites. Without CSS, the websites look really ugly. CSS is also considered right-brain means mostly artistic and developers tends to struggle in it. This tutorial is meant to teach the syntax of CSS and basic stuff and not the latest trends.

Adding CSS

Now, there are three ways to add CSS to your html file. They are -

  • Inline CSS: Directly in the html element.
  • Internal CSS: Using <style> tags within the html file.
  • External CSS: Linking an external .css file.

Now, let’s see all this in action. Create a folder CSS_Basics in your computer and open it with VSCode. Create a file index.html inside it.

VSCode have emmet pre-installed, so just give ! and press tab.

Image for post
Image for post
index.html

You can read the rest of the blog from my site. The link for the same is below.

You can find part-2 here.

Written by

UI Lead- ReactJS, JavaScript and everything in-between.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store