Skip to content

This project demonstrates the three main ways to apply CSS—inline, internal, and external—along with how CSS specificity and priority work. It is designed for beginners learning how styling rules override each other in real HTML pages.

Notifications You must be signed in to change notification settings

thenameisritika/css-tutorial-basic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS Tutorial

This repository contains multiple practice files demonstrating core HTML & CSS concepts.

📄 Project Files

1. index.html

Contains:

  • Inline CSS example
  • Internal CSS example
  • External CSS link
  • Basic HTML structure

2. 1.css

Contains:

p {
    color: gold;
    background-color: black;
}

3. selectors.html

This file demonstrates different types of CSS selectors:

  • Element selector
  • ID selector
  • Class selector
  • Group selector

4. colors.html

Description: This project demonstrates different ways to apply colors in CSS, including:

Named colors (e.g., palevioletred)

RGB values (e.g., rgb(254, 73, 18))

HEX codes (e.g., #ff88ff)

It also includes comments explaining how HEX color combinations work.

Files:

index.html → Contains the color examples

About

This project demonstrates the three main ways to apply CSS—inline, internal, and external—along with how CSS specificity and priority work. It is designed for beginners learning how styling rules override each other in real HTML pages.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published