Scribd
Upload
2 views7 pages

HTML & CSS Basics

The document outlines a session on HTML and CSS, covering key topics such as the differences between HTML and CSS, a quick crash course on HTML, foundational concepts of CSS, and an introduction to TailwindCSS. TailwindCSS is described as a utility-first framework that simplifies styling by using predefined classes. Additionally, resources for further learning on HTML, CSS, and TailwindCSS are provided.

Uploaded by

8g16samruddhigupta
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views7 pages

HTML & CSS Basics

The document outlines a session on HTML and CSS, covering key topics such as the differences between HTML and CSS, a quick crash course on HTML, foundational concepts of CSS, and an introduction to TailwindCSS. TailwindCSS is described as a utility-first framework that simplifies styling by using predefined classes. Additionally, resources for further learning on HTML, CSS, and TailwindCSS are provided.

Uploaded by

8g16samruddhigupta
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

HTML-CSS

Basics
Session Outline 01 HTML vs CSS

02 HTML- Quick crash course

03 CSS - Foundations

04 What is TailwindCSS?

05 Resources

06 Questions

2
HTML vs CSS

HTML CSS

Dictates the structure Dictates the styling.

Defines the content and Controls the appearance


layout of a web page — — colors, sizes, spacing,
headings, text, images, layouts, fonts, animations.
links, etc.
Acts as the skeleton of Turns plain HTML into a
the website that designed, visually
everything else builds appealing web page.
on.

3
HTML
QUICK CRASH COURSE

4
CSS FOUNDATIONS

Confidential 5
TailwindCSS
A utility-first CSS framework that lets you style directly in your HTML using predefined
classes.

Instead of writing custom CSS, you build designs faster with classes like flex, p-4, text-white,
rounded-lg.

It is much simpler to make your website responsive using tailwindcss.

6
RESOURCES

HTML + CSS Tutorial

TailwindCSS

You might also like