Scribd
Upload
138 views

Complete CSS Course Notes

The document provides an overview of CSS including what CSS is, how to use CSS in HTML, different types of CSS selectors, CSS comments, and how to specify colors in CSS using RGB, HEX, and color names. It also discusses the history and creators of CSS as well as the CSS rule structure.

Uploaded by

ap s
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
138 views

Complete CSS Course Notes

The document provides an overview of CSS including what CSS is, how to use CSS in HTML, different types of CSS selectors, CSS comments, and how to specify colors in CSS using RGB, HEX, and color names. It also discusses the history and creators of CSS as well as the CSS rule structure.

Uploaded by

ap s
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 160

COMPLETE

CSS COURSE World Best CSS Course Ever

Subscribe Thapa Technical


COURSE TOPICS

BASICS ADV ANCED PRO LEV EL

What is CSS? CSS3 Gradients 50+ Interview Questions


CSS rule structure CSS3 Shadows & Filters 30+ Tips & Tricks
How to use CSS in html? CSS Combinators
Complete Notes + Codes
Types of Selectors? CSS Pseudo Class & Element
Comments in CSS 100+ Animated Slides
CSS3 Column Layout
Colors & Background Prop. CSS3 Flexbox & Grid 10+ Animated Projects
CSS Units & Dimensions CSS3 Animations , Transform PROJECT – Complete
Fonts & Text Properties Transitions & Perspective Multipage WEBSITE Using
CSS Box Model CSS Specificity & Prefixes HTML & CSS💖
Border, Padding & Margin CSS Media & Cont. Queries CSS Performance and
CSS Display, Floats etc.. CSS BEM, SMACSS etc.. Optimization
CSS Positions & Z-index CSS3 V ariables, Nesting etc.. SEO + Testing + LIV E
CSS Overflow New CSS3 Features & Bonus HOSTING (free & Paid)

Subscribe Thapa Technical


01

Subscribe Thapa Technical


www.thapatechnical.com

HTML

CSS

JAV ASCRIPT

Subscribe Thapa Technical


Styles and designs the
appearance of the
Provides the structure webpage Adds interactivity and
and content of a
dynamic behavior to
webpage.
the webpage.

Subscribe Thapa Technical


REAL WORLD
EXAMPLE
Cascading Style Sheets

Subscribe Thapa Technical


01

What is CSS?

Subscribe Thapa Technical


CSS
Cascading Style Sheets

Subscribe Thapa Technical


CSS

Subscribe Thapa Technical


Styl Sheet
Cascading
e s

Subscribe Thapa Technical


What is CSS?
• Cascading Style Sheets (CSS) is a stylesheet language used to describe the look &
presentation of a document written in HTML or XML. It defines how elements are
displayed on a web page.

• CSS makes websites visually appealing and user-friendly.

Subscribe Thapa Technical


How to code CSS ?

h1 {
color: red;
font-size: 32px;
}

Subscribe Thapa Technical


Creators & Maintenance of CSS?
• CSS was created by a group of individuals known as the World Wide Web Consortium
(W3C).

• Primary contributors include Håkon Wium Lie and Bert Bos.

• CSS standards and specifications are maintained by the W3C.

• A community of web developers, designers, and browser vendors also contribute to its
evolution.

• Regular updates and new versions ensure CSS remains relevant and adaptable to
changing web design needs.

Subscribe Thapa Technical


CSS History (Version)

CSS1 (1996)
01
Limited properties and selectors.

CSS2 (1998)
CSS to CSS3 02
CSS 2 was released and work on CSS 3 began

CSS 2.1 (2011)


03
CSS 2.1 was released, which fixed the
errors found in CSS 2

Subscribe Thapa Technical


02
CSS Rule
Structure

Subscribe Thapa Technical


CSS Rule Structure
• A CSS rule consists of a selector and a declaration block.
• Declarations are used to define the style properties for the selected elements.
• Each declaration consists of a property and a value.

selector {
Declaration

property: value;
/* More properties and values */
}

Subscribe Thapa Technical


CSS Rule Structure
Selector

h1 { Value

color: red;
Property font-size: 32px;
}

Subscribe Thapa Technical


Syntax – CSS
Selector

p{
Value

color: blue;
Property font-weight: bold;
}
Declaration

Subscribe Thapa Technical


03
How to use
CSS in HTML?

Subscribe Thapa Technical


Inline CSS
01
Style applied directly to an HTML element
using the style attribute.

Internal CSS
3 Ways 02
Styles defined within the <style> tag within the
HTML document's <head>.

External CSS
03
Styles stored in separate .css files linked to the
HTML document using the <link> element.

Subscribe Thapa Technical


04
Types of
Selectors

Subscribe Thapa Technical


CSS Tag / Element Selector
Selector

h1 { Value

color: red;
Property font-size: 32px;
}

Subscribe Thapa Technical


Class Selector – HTML / CSS
Class-Selector

<section>
<button class="btn">
Subscribe Thapa Technical
</button>
</section>

Subscribe Thapa Technical


Class Selector – CSS

Class-Selector

.btn{
Value

color: blue;
Property font-weight: bold;
}
Declaration

Subscribe Thapa Technical


ID Selector – HTML / CSS
ID-Selector

<section>
<button id="btn">
Subscribe Thapa Technical
</button>
</section>

Subscribe Thapa Technical


ID Selector – CSS
ID-Selector

#btn{
Value

color: blue;
Property font-weight: bold;
}

Subscribe Thapa Technical


Pseudo-Class – CSS
Pseudo-class

Value
a:hover{
color: blue;
Property font-weight: bold;
}
Declaration

Subscribe Thapa Technical


05
CSS
Comments

Subscribe Thapa Technical


CSS Comment
/* This is a comment */

Subscribe Thapa Technical


06
COLORS
IN CSS

Subscribe Thapa Technical


RGB – CSS YELLOW
RGB = 255, 255, 0
HEX = #FF FF 00
RED – #FF 00 00
01
255, 0, 0

GREEN – #00 FF 00
02
0, 255, 0

B LUE – #00 00 FF R ED G REEN


03
0, 0, 255

CYAN
Magenta
B LUE
RGB = 0, 255, 255
RGB = 255, 0, 255
HEX = #00 FF FF
HEX = #FF 00 FF

Subscribe Thapa Technical


😊
COLORS
(BONUS)

Subscribe Thapa Technical


GRAPHIC DESGINER – CSS
1 Hue: A pure color

Tint: A pure color with


2
just white added

Shade: a pure color with


3
just black added

Tone: A pure color with


4
just grey added
B LUE

Subscribe Thapa Technical


GRAPHIC DESGINER – CSS

B LUE

Subscribe Thapa Technical


07

BACKGROUND IN CSS

Subscribe Thapa Technical


BACKGROUND PROPERTIES - CSS

01 background-color 04 background-position

02 background-image 05 background-size

03 background-repeat 06 background-attachment

Subscribe Thapa Technical


08

UNITS IN CSS

Subscribe Thapa Technical


Absolute Lengths Relative Lengths

01 Pexels (px) 04 em

02 Inches (in) 05 Root em (rem)

03 Points (pt) 06 Percentage (% )

Subscribe Thapa Technical


08
FONTS IN CSS

Subscribe Thapa Technical


FONT PROPERTIES - CSS

01 Font Family 04 Font Style

02 Font Size 05 Font V ariant

03 Font Weight

Subscribe Thapa Technical


09
TEXTS IN CSS

Subscribe Thapa Technical


TEXT PROPERTIES - CSS

01 Text Alignment 04 Text Spacing

02 Text Decoration 05 Text Shadow

03 Text Transform

Subscribe Thapa Technical


TEXT SHADOW – CSS
Blur-radius

Offset-Y

text-shadow: 2px 2px 1px blue;


Offset-X Color

Subscribe Thapa Technical


BOX MODEL – CSS
TOP

MARGIN

B ORDER

PADDING

RIGHT

HEIGHT
LEFT CONTENT
T
WIDTH

B OTTOM

Subscribe Thapa Technical


10

BORDER IN CSS

Subscribe Thapa Technical


Border – CSS
Border-Color

Border-Style

border: 2px solid blue;


Border-Width

Subscribe Thapa Technical


11

PADDING IN CSS

Subscribe Thapa Technical


Padding – CSS
Padding-Left
Padding-Right

padding: 2px 4px 3px 5px;


Padding-Top
Padding-Bottom

Subscribe Thapa Technical


12

MARGIN IN CSS

Subscribe Thapa Technical


Margin – CSS
Margin-Left
Margin-Right

margin: 2px 4px 3px 5px;


Margin-Top
Margin-Bottom

Subscribe Thapa Technical


13
BOX-MODEL
IN CSS

Subscribe Thapa Technical


BOX MODEL – CSS
TOP

MARGIN

B ORDER

PADDING

RIGHT

HEIGHT
LEFT CONTENT
T
WIDTH

B OTTOM

Subscribe Thapa Technical


14
CSS
Gradients

Subscribe Thapa Technical


Gradient – CSS

Color-stop2
Property

background-image: linear-gradient(red, yellow);

Color-stop1

Subscribe Thapa Technical


Gradient with Direction – CSS

Property

background-image: linear-gradient
(to right, Direction

red, yellow);

Color-stops

Subscribe Thapa Technical


Gradient with Angles – CSS

Property

background-image: linear-gradient
(90deg, Angle

red, yellow);

Color-stops

Subscribe Thapa Technical


Radial Gradient – CSS

Color-stop2
Property

background-image: radial-gradient(red, yellow);

Color-stop1

Subscribe Thapa Technical


Gradient with Shape – CSS

Property

background-image: linear-gradient
(circle, Shape

red, yellow);

Color-stops

Subscribe Thapa Technical


Subscribe Thapa Technical
15

BOX SHADOW
IN CSS

Subscribe Thapa Technical


BOX SHADOW – CSS

Density/Spread
Offset-Y

box-shadow: -2px 1px 2px 4px #61677a;

Offset-X Color
Blur-radius

Subscribe Thapa Technical


16

DROP SHADOW
IN CSS

Subscribe Thapa Technical


DROP SHADOW – CSS
Color
Offset-Y

drop-shadow: -2px 1px 2px #61677a;

Offset-X
Blur-radius

Subscribe Thapa Technical


17

FILTERS IN CSS

Subscribe Thapa Technical


FILTERS - CSS

01 grayscale() 02 opacity()

03 blur() 04 contrast()

05 brightness() 06 invert()

Subscribe Thapa Technical


18

LISTS IN CSS

Subscribe Thapa Technical


LIST PROPERTIES - CSS

01 List-style-type 03 List-style-position

02 List-style-image 04 List-style-property

Subscribe Thapa Technical


19

ANCHOR IN CSS

Subscribe Thapa Technical


ANCHOR STATES - CSS

01 Link (` a:link` ) 02 V isited (` a:visited` )

03 Hover (` a:hover` ) 04 Active (` a:active` )

Subscribe Thapa Technical


20

COMBINATORS
IN CSS

Subscribe Thapa Technical


COMBINATORS - CSS

Descendant Selector
01 02 Child Selector (>)
(Space)

Adjacent Sibling General Sibling Selector


03 04
Selector (+) (~)

05 Universal Selector (*)

Subscribe Thapa Technical


21

DISPLAY IN CSS

Subscribe Thapa Technical


DISPLAYS - CSS

01 Block-Level Elements 02 Inline Elements

03 Inline-Block Elements

Subscribe Thapa Technical


22
POSITIONS
IN CSS

Subscribe Thapa Technical


POSITIONS - CSS

01 Relative 02 Absolute

03 Static 04 Fixed

05 Sticky

Subscribe Thapa Technical


POSITIONS – Absolute
Top:0, left:0 Top:0, right:0

.child {
position: absolute;
}
Child Div

Parent Div

bottom:0, left:0 bottom:0, right:0

Subscribe Thapa Technical


POSITIONS – Absolute
By Default: Top: 0, left: 0
Top:0, left:0 Top:0, right:0

.child {
position: absolute;
left: 50%
}

bottom:0, left:0 bottom:0, right:0

Subscribe Thapa Technical


POSITIONS – Absolute
Top:0, left:0 Top:0, right:0

.child {
position: absolute;
left: 50%
top:50%
}

bottom:0, left:0 bottom:0, right:0

Subscribe Thapa Technical


POSITIONS – Absolute
Top:0, left:0 Top:0, right:0

.child {
position: absolute;
left: 0;
bottom:0;
}

bottom:0, left:0 bottom:0, right:0

Subscribe Thapa Technical


POSITIONS – Absolute
Top:0, left:0 Top:0, right:0

.child {
position: absolute;
right: 0;
bottom:0;
}

bottom:0, left:0 bottom:0, right:0

Subscribe Thapa Technical


POSITIONS – Absolute
Top:0, left:0 Top:0, right:0

.child {
position: absolute;
top: 0;
left:0;
}

bottom:0, left:0 bottom:0, right:0

Subscribe Thapa Technical


POSITIONS – Absolute
Top:0, left:0 Top:0, right:0

You can use px and any


values. Also, if you
love the animation,
Pls subscribe and our
Target – 1 Million

bottom:0, left:0 bottom:0, right:0

Subscribe Thapa Technical


🔥

Z-INDEX IN
CSS

Subscribe Thapa Technical


25

OVERFLOW
IN CSS

Subscribe Thapa Technical


OVERFLOW - CSS

Overflow: V isible
01 03 Overflow: Scroll
(Default)

02 Overflow: Hidden 04 Overflow: Auto

Subscribe Thapa Technical


26
PSEUDO ELEMENTS
IN CSS

Subscribe Thapa Technical


Pseudo Elements - CSS

01 ::before 02 ::after

03 ::first-letter 04 ::first-line

05 ::selection 06 ::placeholder

Subscribe Thapa Technical


27

PSEUDO CLASS
IN CSS

Subscribe Thapa Technical


Pseudo Class - CSS

01 :hover 02 :first-child

03 :last-child 04 :nth-child(n)

05 :first-of-type 06 :last-of-type

Subscribe Thapa Technical


28

COLUMN LAYOUT
IN CSS

Subscribe Thapa Technical


COLUMN LAYOUT - CSS

01 Column-count 02 Column-gap

03 Column-rule 04 Column-fill

Subscribe Thapa Technical


28

FLEXBOX
IN CSS

Subscribe Thapa Technical


FLEXBOX - CONTAINER

.flex-container {
display: flex;
}

Subscribe Thapa Technical


FLEXBOX – ROW

.flex-container {
display: flex;
flex-direction: row;
}

MAIN-AXIS

CROSS-AXIS

Subscribe Thapa Technical


FLEXBOX - COLUMN
.flex-container {
display: flex;
flex-direction: row;
flex-direction: Column;
}
MAIN-AXIS

CROSS-AXIS

Subscribe Thapa Technical


FLEXBOX - CONTAINER

.flex-container {
display: flex;
flex-direction: Column;
flex-direction: row;
justify-content:start
CROSS-AXIS }

MAIN-AXIS

Subscribe Thapa Technical


FLEXBOX - CSS
.flex-container {
display: flex;
flex-direction: row;
justify-content:center
}
MAIN-AXIS

CROSS-AXIS

Subscribe Thapa Technical


FLEXBOX - CSS
.flex-container {
display: flex;
flex-direction: row;
justify-content:flex-end
}

Subscribe Thapa Technical


FLEXBOX - CSS
.flex-container {
display: flex;
flex-direction: row;
justify-content:space-between
}

Subscribe Thapa Technical


FLEXBOX - CSS
.flex-container {
display: flex;
flex-direction: row;
justify-content:start;
}

Subscribe Thapa Technical


FLEXBOX - CSS
.flex-container {
display: flex;
flex-direction: row;
justify-content:start;
align-items: start;
}

Subscribe Thapa Technical


FLEXBOX - CSS
.flex-container {
display: flex;
flex-direction: row;
justify-content:start;
align-items: center;
}

Subscribe Thapa Technical


FLEXBOX - COLUMN
.flex-container {
display: flex;
flex-direction: row;
justify-content:start;
align-items:end
}

Subscribe Thapa Technical


FLEXBOX - COLUMN
.flex-container {
display: flex;
flex-direction: row;
justify-content:center
align-items:end;
}

Subscribe Thapa Technical


FLEXBOX - COLUMN
.flex-container {
display: flex;
flex-direction: row;
justify-content:center
align-items:center
}

Subscribe Thapa Technical


FLEXBOX - COLUMN
.flex-container {
display: flex;
flex-direction: row;
justify-content:center
align-items:center
}

Subscribe Thapa Technical


🚀

GRID IN CSS
Subscribe Thapa Technical
29

TRANSITIONS
IN CSS

Subscribe Thapa Technical


TRANSITIONS - CSS

01 transition-property 03 transition-timing-function

02 transition-duration 04 transition-delay

Subscribe Thapa Technical


30
TRANSFORM
IN CSS

Subscribe Thapa Technical


TRANSFORM - CSS

01 transform: translate() 02 transform: scale()

03 transform: rotate() 04 transform: skew()

Subscribe Thapa Technical


31
ANIMATION
IN CSS

Subscribe Thapa Technical


ANIMATION - CSS

01 animation-name 02 animation-duration

03 animation-timing-function 04 animation-delay

05 animation-iteration-count 06 animation-direction

Subscribe Thapa Technical


32
CSS VARIABLES
IN CSS

Subscribe Thapa Technical


33
SPECIFICITY
IN CSS

Subscribe Thapa Technical


SELCTORS IN CSS

Element / pseudo-
01 * (universal selector) 02
element

03 Class or pseudo-class 04 id

05 Inline style 06 !important

Subscribe Thapa Technical


The Level of SPECIFICITY - CSS

0.0.0.0.0 * (Universal Selector)

The universal selector has 0 specificity (No priority)

Subscribe Thapa Technical


The Level of SPECIFICITY - Element

0.0.0.0.1 Element / pseudo-elements

Includes only element selectors, such as h1, img, p::before. For


each ID in a matching selector, add 0-0-0-0-1 to the weight value.

Subscribe Thapa Technical


The Level of SPECIFICITY - Class

0.0.0.1.0 class / pseudo-classes / data-


attribute

Includes class selectors, such as .myClass, [type="radio"],


:hover. For each class, attribute selector, or pseudo-class in a
matching selector, add 0-0-0-1-0 to the weight value.

Subscribe Thapa Technical


The Level of SPECIFICITY - ID

0.0.1.0.0 Id

Includes only ID selectors, such as #btn. For each ID in a


matching selector, add 0-0-1-0-0 to the weight value.

Subscribe Thapa Technical


The Level of SPECIFICITY - Inline

0.1.0.0.0
Inline

For each inline style ex


<div class="container" style="background: #000;">,
add 0-1-0-0-0 to the weight value.

Subscribe Thapa Technical


The Level of SPECIFICITY - !Important

!important
1.0.0.0.0
For each important keyword ex h1 {color: red!important}
add 1-0-0-0-0 to the weight value.

Subscribe Thapa Technical


34

NEW CSS FEATURES

Subscribe Thapa Technical


New Features - CSS

Media query range


01 :is, :has, :not, :where 02
syntax

03 Container queries 04 Accent-color

05 Aspect ratio 06 Scroll snap

Subscribe Thapa Technical


New Features - CSS

Individual Transform
07 08 CSS Nesting
Properties

CSS Logical Properties


09 Gap Property for Flexbox 10 (inline and block)

11 CSS Writing Mode 12 :focus-visible

Subscribe Thapa Technical


35
BONUS
IN CSS

Subscribe Thapa Technical


BONUS - CSS

01 FLOATS 02 CSS CLIP PATH

03 CSS AOS PLUGIN 04 CSS SHAPE DIV IDER

05 SCROLL BAR STYLING 06 WEBSITE REFERENCES

Subscribe Thapa Technical


CLIP PATH – CSS
Left: 0%
Top: 100%
img{
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
Left:50% Left: 100%
Top: 0% Top: 100%

Subscribe Thapa Technical


36

MINI PROJECTS
IN CSS

Subscribe Thapa Technical


HOW TO
🚀

CENTER A DIV
INSIDE A DIV
Subscribe Thapa Technical
🔥

HOW TO CENTER A
DIV INSIDE DIV
IN CSS
Subscribe Thapa Technical
POSITIONS – Absolute
Top:0, left:0 Top:0, right:0

.child {
position: absolute;
}
Child Div

Parent Div

bottom:0, left:0 bottom:0, right:0

Subscribe Thapa Technical


POSITIONS – Absolute
By Default: Top: 0, left: 0
Top:0, left:0 Top:0, right:0

.child {
position: absolute;
left: 50%
}

bottom:0, left:0 bottom:0, right:0

Subscribe Thapa Technical


POSITIONS – Absolute
Top:0, left:0 Top:0, right:0

.child {
position: absolute;
left: 50%
top:50%
}

bottom:0, left:0 bottom:0, right:0

Subscribe Thapa Technical


POSITIONS – Absolute
Top:0, left:0 Top:0, right:0

.child {
position: absolute;
left: 50%;
top:50%;
transform:translate(-50%)
}

bottom:0, left:0 bottom:0, right:0

Subscribe Thapa Technical


POSITIONS – Absolute
Top:0, left:0 Top:0, right:0

.child {
position: absolute;
left: 50%;
top:50%;
transform:translate(-50%,-50%)
}

bottom:0, left:0 bottom:0, right:0

Subscribe Thapa Technical


POSITIONS – Absolute
Top:0, left:0 Top:0, right:0

.child {
position: absolute;
left: 50%;
bottom:50%;
transform:translate(-50%,-50%)
}

bottom:0, left:0 bottom:0, right:0

Subscribe Thapa Technical


FLEXBOX - CSS
.flex-container {
display: flex;
flex-direction: row;
justify-content:start;
align-items: center;
}

Subscribe Thapa Technical


FLEXBOX - COLUMN
.flex-container {
display: flex;
flex-direction: row;
justify-content:start;
align-items:end
}

Subscribe Thapa Technical


FLEXBOX - COLUMN
.flex-container {
display: flex;
flex-direction: row;
justify-content:center
align-items:end;
}

Subscribe Thapa Technical


FLEXBOX - COLUMN
.flex-container {
display: flex;
flex-direction: row;
justify-content:center
align-items:center
}

Subscribe Thapa Technical


FLEXBOX - COLUMN

.flex-container {
display: flex;
flex-direction: row;
justify-content:center;
align-items:center;
}

Please Like & Share the


World’s Best CSS Course
Ever 💖

Subscribe Thapa Technical


Container
Queries
Subscribe Thapa Technical
37
CSS Architecture &
Best Practices

Subscribe Thapa Technical


VENDOR PREFIXES
Browser Compatibility in CSS

Subscribe Thapa Technical


VENDOR PREFIXES - CSS
The -webkit- prefixed property will work in WebKit-based
01
browsers such as Chrome and Safari

02 The -moz- prefixed property will work in Firefox

03 The -ms- prefixed property will work in Internet Explorer

04 The -o- prefixed property will work in Opera

Subscribe Thapa Technical


Browser Compatibility in CSS

https://www.w3.org/community/webed/wiki/Optimizing_content_for_different_browsers:_the_RIGHT_way

Subscribe Thapa Technical


BEM

Subscribe Thapa Technical


BEM (Block, Element,
Modifier) Methodology
https://getbem.com/
https://css-tricks.com/bem-101/

Subscribe Thapa Technical


SMACSS

Subscribe Thapa Technical


SMACSS
(Scalable and Modular
Architecture for CSS)
Home - Scalable and Modular Architecture for CSS (smacss.com)

Subscribe Thapa Technical


40

FINAL PROJECTS
IN CSS

Subscribe Thapa Technical


41

SEO
IN CSS

Subscribe Thapa Technical


SEO - CSS
Include a descriptive and keyword-rich <title> tag within the
01
<head> section of your HTML document.

02 Meta Description Tag

03 Proper Heading Tags

04 Image Optimization

Subscribe Thapa Technical


41

TESTING
IN CSS

Subscribe Thapa Technical


CSS Performance and Optimization
01 Minification and Compression

02 Critical CSS: "Above-the-fold" content

03 Reducing Render Blocking

Subscribe Thapa Technical


Website Testing - CSS
01 Lighthouse testing

02 https://pagespeed.web.dev/

03 https://gtmetrix.com/
41
HOSTING
WEBSITE LIVE

Subscribe Thapa Technical


HOSTING WEBSITE LIVE
NETLIFY HOSTINGER

https://www.netlify.com/ http://www.hostinger.com/

Subscribe Thapa Technical


Thanks!
Subscribe Thapa Technical if you liked
the presentation.

Subscribe Thapa Technical

You might also like