Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
34 views

CSS Cheat Sheet - A Basic Guide to CSS - GeeksforGeeks

The document is a comprehensive CSS cheat sheet that outlines the fundamentals of CSS, including its purpose, common properties, and various ways to implement styles in HTML. It covers essential topics such as selectors, font properties, text formatting, background properties, and the CSS box model, providing syntax examples for each. Additionally, it includes practical HTML examples demonstrating the application of these CSS properties.

Uploaded by

missiona.carla
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
34 views

CSS Cheat Sheet - A Basic Guide to CSS - GeeksforGeeks

The document is a comprehensive CSS cheat sheet that outlines the fundamentals of CSS, including its purpose, common properties, and various ways to implement styles in HTML. It covers essential topics such as selectors, font properties, text formatting, background properties, and the CSS box model, providing syntax examples for each. Additionally, it includes practical HTML examples demonstrating the application of these CSS properties.

Uploaded by

missiona.carla
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 28

HTML Cheat Sheet CSS Cheat Sheet JS Cheat Sheet Bootstrap Cheat Sheet jQuery Cheat Sheet

CSS Cheat Sheet – A Basic Guide to CSS


Last Updated : 05 Jul, 2023

What is CSS?

CSS i.e. Cascading Style Sheets is a stylesheet language used to describe


the presentation of a document written in a markup language such as
HTML, XML, etc. CSS enhances the look and feel of the webpage by
describing how elements should be rendered on screen or in other media.

What is a CSS Cheat Sheet?


Open In App
CSS Cheat Sheet provides you with the most common style snippets CSS
gradient, background, button, font family, order, radius, box, and text-
shadow generators, color picker, and more tools to add more visual
weight to your document. All these and other useful web design tools can
be found on a single page.

Table of Content:

CSS Basics Shadow Properties


Selectors Gradient
Font Properties Border Properties
Text Properties Classification Properties
Background Properties CSS functions
Box Properties Media Queries
CSS Basics: Cascading Style Sheet(CSS) is used to set the style in web
pages that contain HTML elements, here we will see in how many ways
we can add CSS for our HTML, there three different ways to do so one by
one we will see those procedure.

The Ultimate Guide to Virtual Assistants


SPONSORED BY PRIALTO Learn More

External CSS: External CSS contains a separate CSS file with a .css
extension which contains only style property with the help of tag
attributes.

selector{
Open In App
property1: value1;
property2: value2;
}

Include external CSS file: The external CSS file is linked to the HTML
document using a link tag.

<link rel="stylesheet" type="text/css" href="/style.css" />

Internal CSS or Embedded: CSS is embedded within the HTML file using a
style HTML tag.

<style type="text/css">
div { color: #444;}
</style>

Inline CSS: It contains CSS properties in the body section specified within
HTML tags.

<tag style="property: value"> </tag>

Clearfix: It clears floats to select or control margins and padding.

.clearfix::after {
content: "";
clear: both;
display: block;
}

Selectors: Used to find or select the HTML elements you want to style.
These are categorized as follows:

Basic
Description Syntax
Selectors

Selects all elements on the


Universal *{property:value;}
pages.
Open In App
Selects all HTML
Type tag/element of given type in p {property:value;}
your document.

Selects an element based


Id on the value of its unique id #id {property:value;}
attribute

Selects all elements in the


Class document that have the .class {property:value;}
given class attribute.

Selects all elements that a[attribute=value]


Attribute
have a specified attribute. {property:value;}

Complex selectors
selector1 selector2/ selector
consisting of more than one
Combinators 1+selector2 / selector 1>
selectors having some
selector 2 {property: value;}
relationship between them.

Define the special state of


selector: pseudo-class{
an element to add an effect
Pseudo property: value;
to an existing element
}
based on its states.

CSS

<!DOCTYPE html>
<html>
<head>
<title>* Selectors</title>
<!-- CSS Selectors are in used -->
<style>
/* universal selector */
* {
background-color: hsl(325, 63%, 82%);
text-align: center;Open In App
}
/* type selector */
span {
background-color: skyblue;
}
/* id selector */
#div1 {
color: green;
text-align: center;
font-size: 20px;
font-weight: bold;
}
/* class selector */
.div2 {
color: orange;
text-align: left;
font-size: 10px;
font-weight: bold;
}
/* attribute selector */
div[style] {
text-align: center;
color: purple;
font-size: 20px;
font-weight: bold;
margin-bottom: -20px;
}
/* combinator selector */
div>p {
color: #009900;
font-size: 32px;
font-weight: bold;
margin: 0px;
text-align: center;
}
/* class selector */
.box {
background-color: yellow;
width: 300px;
height: 100px;
margin: auto;
font-size: 30px;
text-align: center;
}
/* pseudo selector */
.box:hover { Open In App
background-color: orange;
}
</style>
</head>
<body>
<p>
*(Universal) Selector here gives a pink background
</p>
<br>
<span>This span is styled using type selector.
<br><br>
<div id="div1">
This div is styled using id selector
</div>
<br>
<div class="div2 ">
This div is styled using class selector
</div>
<br>
<div style="color:green">
This div is styled using attribute selector
</div>
<br>
<div style="text-align:center;">
This div is styled using combinators
<p>child selector</p>
</div>
<br>
<p>pseudo selector:</p>
<div class="box">
My color changes if you hover over me!
</div>
</body>
</html>

Font Properties: CSS font properties are used to set the font’s content of
the HTML element as per requirement.

Property Description Syntax

Open In App
font-family:
Font- Specifies the font family to be used
family-name |generic-
family for the element’s text content.
family |initial |inherit;

Styles the text content in a normal, font-style:


Font-style italic, or oblique face from its font- normal |italic |oblique
family. |initial |inherit;

font-variant:
Font- Converts all lowercase letters into
normal| small caps |
variant uppercase letters.
initial;

font-weight:
Font- Specifies thickness or weight of the
normal| bold |number
weight font
|initial |inherit |unset;

font-size:
Specifies the size of the text in HTML
Font-size small |medium |large
document.
|initial |inherit;

CSS

<!DOCTYPE html>
<html>
<head>
<title>Font properties</title>
<style>
.style1 {
font-family: "Times New Roman", "sans-serif";
font-weight: bold;
font-size: 30px;
color: #090;
text-align: center;
font-style: normal;
font-variant: normal;
}
.style2 {
font-family: "sans-serif";
font-weight: 5px; Open In App
font-size: 15px;
color: blueviolet;
text-align: left;
font-style: italic;
font-variant: normal;
}
.style3 {
font-family: "arial";
font-weight: 10px;
font-size: 20px;
color: black;
text-align: right;
font-style: oblique;
font-variant: small-caps;
}
</style>
</head>
<body>
<p>Normal text aligned center sized 10 px</p>
<div class="style1">Geeks for Geeks</div>
<p>Italic text aligned left sized 15px</p>
<div class="style2">Geeks for geeks</div>
<p>Oblique text aligned right sized 20px, in small caps</p>
<div class="style3">Geeks for geeks</div>
</body>
</html>

Text-properties: CSS text formatting properties are used to format and


style text by setting their color, alignment, spacing, etc. as per
requirement.

Property Description Syntax

Text-color Sets the color of the text. color: value;

text-align:
Text- Defines the horizontal
left|right|center|
alignment alignment of the text.
justify|initial|inherit;

Open In App
Text- Add or remove text- text-decoration:
decoration decorations. decoration-type;

Changes the text-transform:


Text-
case(uppercase|lowercase) none|capitalize|uppercase|
transformation
of text. lowercase|initial|inherit;

Text- Indents the first line of text text-indent:


indentation block. length|initial|inherit;

letter-spacing:
Specifies spacing between
Letter spacing normal|length|
the characters of the text.
initial|inherit;

line-height:
Specifies the space between
Line height normal|number|length|
the lines of the text.
percentage|initial|inherit;

text-shadow:
h-shadow v-shadow
Text-shadow Adds shadow to the text.
blur-radius
color|none|initial|inherit

word-spacing:
Specifies space between
Word spacing normal|length|
words of lines.
initial|inherit;

CSS

<!DOCTYPE html>
<html>
<head>
<title>Text formatting properties</title>
</head>
<body>
<div style=" color: red">
Open In App
Color property used here
</div>
</br>
<div style=" text-align: center">
Text align property used here
</div>
</br>
<div style=" text-decoration: underline">
Text decoration property used here
</div>
</br>
<div style="text-transform: lowercase">
Text transform property used here
</div>
</br>
<div style="text-indent: 80px">
Text indent property used here
</div>
</br>
<div style=" letter-spacing: 4px">
Text line spacing property used here
</div>
</br>
<div style="line-height: 40px">
Text line height property used here
</div>
</br>
<div style="text-shadow: 3px 1px blue;">
Text shadow property used here
</div>
</br>
<div style="word-spacing: 15px;">
Text word spacing property used here
</div>
</body>
</html>

Background properties: The CSS background properties are used to


design the background and define the background effects for elements.

Property Description Syntax

Open In App
Specifies the
Background- background-color:
background color of an
color color_name;
element.

Adds one or more


Background- background-image:
background images to
image url(‘url’);
an element.

Adds or remove repeat


background-repeat:
Background- the background image
repeat|repeat-x|repeat-y|
repeat both horizontally and
no-repeat|initial|inherit;
vertically.

Specifies the
Background- background-position:
positioning of the
position value;
image in a certain way.

Used to adjust the background-origin:


Background-
background image of padding-box |border-box
origin
the webpage. |content-box | initial| inherit;

Specifies the kind of


Background- attachment of the background-attachment:
attachment background image in scroll|fixed|local|initial|inherit;
its container/td>

Used to define how far


background-clip:
Background- the background (color
border-box|padding-box|content-
clip or image) should
box|initial|inherit;
extend.

CSS

<!DOCTYPE html>
<html>
Open In App
<head>
<title>Background Properties</title>
<style>
.a {
background-image:
url(
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/2019041712430
}
.b {
background-image:
url(
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/2019041712430
background-repeat: no-repeat;
}
.c {
background-image:
url(
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/2019041712430
background-repeat: no-repeat;
background-position: center;
}
.d {
background-image:
url(
'https://media.geeksforgeeks.org/wp-content/cdn-uploads/gfg_200X200.pn
background-repeat: no-repeat;
background-origin: initial;
}
.e {
background-image:
url(
"https://media.geeksforgeeks.org/wp-content/uploads/geeks-25.png");
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
</style>
</head>
<body>
<div style="background-color: blue">Background color property</di
</br>
<div class="a" style="height: 200px; width: 100%">
<h3> Background Image property</h3>
</div>
<br><br>
<div class="b" style="height: 200px; width: 100%">
Open In App
<h3> Background repeat property: no-repeat</h3>
</div>
<br><br>
<div class="c" style="height: 200px; width: 100%">
<h3> Background position property</h3>
</div>
<br><br>
<div class="d" style="height: 200px; width: 100%">
<h3>Background origin property: The background-origin
is a property used to set the origin of the
image in the background.
</h3>
</div>
<br><br>
<div class="e" style="height: 400px;
width: 100%;
text-align:center;">
<h3> Background-attachment property</h3>
<p>The property background-attachment property in CSS is used
to specify the kind of attachment of the background image
It can be set to scroll or remain fixed.
</p>
</div>
<br>
</body>
</html>

Box Properties: The CSS box model is essentially a box that wraps around
every HTML element consisting of the border, padding, margin, and
content. The CSS properties used to attain the box model are:

Property Description Syntax

margin:
Margin Used to set the margin
value;

Specifies the space between the border and the padding:


Padding
content of the selector. value;

Open In App
Sets the element’s border width and set the style, border:
Border
and color of an element’s border. value;

width:
Width Used to set an element’s width.
value;

height:
Height Used to set an element’s height
value;

CSS

<!DOCTYPE html>
<head>
<title>CSS Box Model</title>
<style>
.main {
font-size: 20px;
font-weight: bold;
Text-align: left;
}

.gfg {
margin-left: 60px;
border: 50px solid #009900;
width: 300px;
height: 200px;
text-align: center;
padding: 50px;
}

.gfg1 {
font-size: 42px;
font-weight: bold;
color: #009900;
margin-top: 60px;
background-color: #c5c5db;
}

.gfg2 {
font-size: 18px;
font-weight: bold;
Open In App
background-color: #c5c5db;
}
</style>
</head>
<body>
<div class="main">CSS Box-Model Property</div>

<div class="gfg">
<div class="gfg1">GeeksforGeeks</div>
<div class="gfg2">
A computer science portal for geeks
</div>
</div>
</body>
</html>

Shadow properties: These shadow properties are used to add shadow to


text or boxes or frames of elements.

Property Description Syntax

text-shadow:
Text h-shadow v-shadow blur-
Adds shadow to text.
shadow radius color| none |initial |
inherit;

box-shadow:
Box Gives shadow-like effect to the h-offset v-offset blur spread
shadow box or frames of an element. color |none |inset |initial |
inherit;

CSS

<!DOCTYPE html>
<html>
<head>
<title>CSS box-shadow Property</title>
Open In App
<style>
.gfg1 {
border: 1px solid;
padding: 10px;
/* box-shadow: h-offset v-offset blur */
box-shadow: 5px 10px 10px;
}

/* text-shadow: h-shadow v-shadow


blur-radius color */
h2 {
text-shadow: 5px 5px 8px #00FF00;
}
</style>
</head>
<body>
<div class="gfg1">
<h1>Welcome to GeeksforGeeks!</h1>
</div>
<br><br>
<h2>GeekforGeeks</h2>
</body>
</html>

Gradient: The CSS gradient property is used to create transition between


two or more specified colors

Gradient Description Syntax

background-image:
Linear Creates smooth color
linear-gradient(direction, color-
Gradient transitions.
stop1, color-stop2, …);

Used to obtain an background-image:


Radial
elliptical shape radial-gradient(shape size at
Gradient
gradient. position, start-color, …, last-color);

CSS
Open In App
<!DOCTYPE html>
<html>
<head>
<title>CSS Gradients</title>
<style>
#main1 {
height: 200px;
background-color: white;
background-image: linear-gradient(white, green);
}
#main2 {
height: 350px;
width: 700px;
background-color: white;
background-image: radial-gradient(#090,
#fff, #2a4f32);
}
.gfg {
text-align: center;
font-size: 40px;
font-weight: bold;
padding-top: 80px;
}
.geeks {
font-size: 17px;
text-align: center;
}
</style>
</head>

<body>
<!-- Linear gradient -->
<div id="main1">
<div class="gfg">GeeksforGeeks</div>
<div class="geeks">
Linear Gradient
</div>
</div>
<br><br>
<!-- Radial Gradient -->
<div id="main2">
<div class="gfg">GeeksforGeeks</div>
<div class="geeks">
Radial Gradient
</div> Open In App
</body>
</html>

Border Properties: The CSS border properties allow you to specify how
the border of the box representing an element should look.

Property Description Syntax

Specifies the color of the border of the


Border border-color:
box. Works only when the border-style
Color color-value;
property is defined.

Border Sets the style of the border as solid, border-style:


Style dotted, rigged, etc. value;

border-width:
Border Sets the width of the border of the length |thin
Width element. |medium |thick
|initial |inherit

CSS

<!DOCTYPE html>
<html>
<head>
<title> Border Properties</title>
<style>
#gfg1 {
border: 2px solid blue;
width: 60%;
}
#gfg2 {
border: thick dashed green;
width: 60%;
}
</style> Open In App
</head>
<body>
<div id="gfg1">
Demonstration of solid thick border of color blue
</div><br><br>
<div id="gfg2">
Demonstration of dotted 2px width border of color green
</div>
</body>

</html>

Classification Properties: The CSS classification properties allow you to


specify how and where an element is displayed.

Property Description Syntax

Defines how elements display:


Display are displayed in the web inline|block|flex|
page. grid|table|group|none|inherit;

float:
Float Defines flow of content none|left|right|
initial| inherit;

Specifies the positioning position:


Position method of html entity on fixed|static|absolute
the web page. |relative |sticky;

Sets the sides of an


element where no other clear:
Clear
floating elements are left|right|both|none;
allowed.

Open In App
Set an element as visibility:
Visibility
visible or not. visible|hidden|collapse|initial|inherit;

cursor:
Specifies the type or auto|default|pointer|crosshair|help
Cursor
shape of cursor | e-resize | all-scroll |progress |initial
|inherit;

CSS

<!DOCTYPE html>
<html>

<head>
<title>Classification properties</title>
<style>
#geeks1 {
height: 50px;
width: 100px;
background: teal;
display: block;
}
#geeks2 {
height: 50px;
width: 100px;
background: cyan;
display: block;
}

#geeks3 {
height: 50px;
width: 100px;
background: green;
display: block;
}
.pos {
position: relative;
left: 30px;
border: 3px solid #73AD21;
}
.clr {
width: 100px; Open In App
height: 100px;
background-color: green;
color: white;
font-weight: bold;
font-style: itallic;
font-size: 25px;
text-align: center;
float: left;
padding: 15px;
}
p.GFG {
clear: left;
}
h1,
h2 {
color: green;
text-align: center;
}
.wait {
cursor: wait;
}
</style>
</head>

<body>
<p>display Property: block </p>
<div>
<div id="geeks1">Block 1 </div>
<div id="geeks2">Block 2</div>
<div id="geeks3">Block 3</div>
</div>
<br>
<p>Float Property:left</p>
<div style="font-size:20px; color:#006400; float:right;">
Content floats right
</div>
<br>
<p>Position Property:relative</p>
<div class="pos">
This div element has position: relative;
</div><br>
<p>Clear property: left</p>
<div class="clr">
<pre>GFG</pre>
</div>
<p> Open In App
GeeksforGeeks:
A computer science portal for geeks
</p>
<p class="GFG">GeeksforGeeks</p>
<br>
<p>Visibility property: visible/ hidden</p>

<div style="visibility: visible;">Content here is visible</div>


<div style="visibility: hidden">Content here is hidden</div>
<br>
<p>Cursor property: wait</p>
<p class="wait">
Mouse over the words to change the mouse cursor.
</p>
</body>
</html>

CSS Functions: CSS has a range of inbuilt functions. These are used as a
value for various CSS properties. Some of the CSS functions can be
nested as well. It ranges from simple color functions to mathematical,
shape, color, transform, gradient, and animations functions. Some of the
key functions are:

Function Description Syntax

Retrieves the value of an attribute of the


attr() attr( attr_name );
selected elements

Takes a single mathematical expression


calc() as its parameter and performs calc( Expression );
operations

Returns the largest number of the given max(value 1, value2,


max()
set of comma separated numbers. value3…)

Open In App
Takes a string URL as a parameter and
url( <string> <url-
url() is used to load images, fonts and
modifier>* )
content

Inserts the value of a custom property. var( custom_property,


var()
Its name must start with two dashes. value )

CSS

<!DOCTYPE html>
<html>

<head>
<title>CSS functions</title>
<style>
a:before {
content: attr(href) " =>";
}
a {
text-decoration: none;
}
body {
text-align: center;
}
.geeks {
position: absolute;
left: 50px;
width: calc(100% - 20%);
height: calc(100px - 20px);
background-color: green;
text-align: center;
}
.url {
background-image: url(
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234
text-align: center;
}
.gfg1 {
background-color: var(--main-bg-color);
padding: 10px;
}
:root {
Open In App
--main-bg-color: Green;
}
</style>
</head>

<body>

<p>attribute function</p>
<a href="https://www.geeksforgeeks.org">GeeksforGeeks</a><br><br>
<p>Calc function</p>
<div class="geeks">
<h3>The calc() Function</h3>
</div><br><br>

<p>URL function</p>
<div class="url" style="height:200px; width:100%">
<h3>CSS url() function</h3>
</div><br>
<p> var function</p>
<div class="gfg1">demonstration of var function</div><br>
</body>

</html>

Media Queries: The CSS Media Query is used to make the web page more
responsive according to the different screens or media types. Media
queries include a block of CSS only if a certain expression is true.

Syntax:

@media not | only mediatype and (expression) {


// Code content

Media Type Description

All It is used for all media devices.

Print It is used when printer is in use.

Open In App
Screen It is used for computer screens, smartphones etc.

Speech It is used for screen readers that read the screen aloud.

Comment More info Next Article


JavaScript Cheat Sheet - A Basic
Advertise with us
Guide to JavaScript

Similar Reads

HTML Cheat Sheet


HTML (HyperText Markup Language) serves as the foundational framework for web pages, structuring
content like text, images, and videos. HTML forms the backbone of every web page, defining its…

15 min read

CSS Cheat Sheet


What is CSS? CSS i.e. Cascading Style Sheets is a stylesheet language used to describe the
presentation of a document written in a markup language such as HTML, XML, etc. CSS enhances the…

13 min read

JavaScript Cheat Sheet


JavaScript is a lightweight, open, and cross-platform programming language. It is omnipresent in
modern development and is used by programmers across the world to create dynamic and interactive…
( )
15+ min read

jQuery Cheat Sheet


What is jQuery?jQuery is an open-source, feature-rich JavaScript library, designed to simplify the HTML
document traversal and manipulation, event handling, animation, and Ajax with an easy-to-use API tha…

15+ min read

Angular Cheat Sheet


Angular is a client-side TypeScript-based, front-end web framework developed by the Angular Team at
Open
Google, that is mainly used to develop scalable In Appweb applications(SPAs) for mobile &…
single-page
( )
15+ min read

Bootstrap Cheat Sheet


Bootstrap is a free, open-source, potent CSS framework and toolkit used to create modern and
responsive websites and web applications. It is the most popular HTML, CSS, and JavaScript…

15+ min read

ReactJS Cheat Sheet


React is an open-source JavaScript library used to create user interfaces in a declarative and efficient
way. It is a component-based front-end library responsible only for the view layer of a Model View…
( )
10 min read

HTML Complete Guide


What is HTML ? HTML stands for Hypertext Markup Language. It is a standard markup language used
to design the documents displayed in the browsers as a web page. This language is used to annotate…
( )
7 min read

CSS Complete Guide


What is CSS ? CSS stands for "Cascading Style Sheet". It is used to style HTML Documents. CSS
simplifies the process of making web pages presentable. It describes how web pages should look it…

5 min read

JavaScript Complete Guide


JavaScript is a lightweight, cross-platform, single-threaded, and interpreted compiled programming
language. It is also known as the scripting language for web pages. Let's see, all essential JavaScript…

6 min read

Corporate & Communications


Address:
A-143, 7th Floor, Sovereign Corporate
Tower, Sector- 136, Noida, Uttar
Pradesh (201305)
Open In App
Registered Address:
K 061, Tower K, Gulshan Vivante
Apartment, Sector 137, Noida,
Gautam Buddh Nagar, Uttar Pradesh,
201305

Advertise with us

Company Languages
About Us Python
Legal Java
Privacy Policy C++
In Media PHP
Contact Us GoLang
Advertise with us SQL
GFG Corporate Solution R Language
Placement Training Program Android Tutorial
GeeksforGeeks Community Tutorials Archive

DSA Data Science & ML


Data Structures Data Science With Python
Algorithms Data Science For Beginner
DSA for Beginners Machine Learning
Basic DSA Problems ML Maths
DSA Roadmap Data Visualisation
Top 100 DSA Interview Problems Pandas
DSA Roadmap by Sandeep Jain NumPy
All Cheat Sheets NLP
Deep Learning

Web Technologies Python Tutorial


HTML Python Programming Examples
CSS Python Projects
JavaScript Python Tkinter
TypeScript Web Scraping
ReactJS OpenCV Tutorial
NextJS Python Interview Question
Bootstrap Django
Web Design
Open In App
Computer Science DevOps
Operating Systems Git
Computer Network Linux
Database Management System AWS
Software Engineering Docker
Digital Logic Design Kubernetes
Engineering Maths Azure
Software Development GCP
Software Testing DevOps Roadmap

System Design Inteview Preparation


High Level Design Competitive Programming
Low Level Design Top DS or Algo for CP
UML Diagrams Company-Wise Recruitment Process
Interview Guide Company-Wise Preparation
Design Patterns Aptitude Preparation
OOAD Puzzles
System Design Bootcamp
Interview Questions

School Subjects GeeksforGeeks Videos


Mathematics DSA
Physics Python
Chemistry Java
Biology C++
Social Science Web Development
English Grammar Data Science
Commerce CS Subjects
World GK

@GeeksforGeeks, Sanchhaya Education Private Limited, All rights reserved

Open In App

You might also like