0% found this document useful (0 votes)
2 views

CSS-basics

Uploaded by

PRATHIK D COSTA
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views

CSS-basics

Uploaded by

PRATHIK D COSTA
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

CASCADING STYLE SHEETS(CSS)

CSS INTRODUCTION
 CSS stands for Cascading Style Sheets.
 CSS is a language that describes the style of an HTML document. Means
it define styles for web pages including the design, layout and variations
in display for different devices and screen sizes.
 External stylesheets are stored in CSS files.(.CSS)

CSS SYNTAX
CSS consists of a selector and a declaration block.

P { color: red; }
Selector property value

P { color: red; background- color:orange;text-align:center;}


values

properties

HOW TO INSERT CSS


There are three ways of inserting a style sheet in HTML document.
 External CSS
 Internal CSS
 Inline CSS

EXTERNAL CSS
 With an external style sheet, we can change entire look by changing just
one file.
 External styles are defined within the <link>element, inside the
<head>section of an HTML page.
Eg: <head>
<link rel=” stylesheet”
Type=”text/ css”
href=”mystyle.css”>_______________CSS file
</head>
INTERNAL CSS
Internal style is defined inside the <style> element, inside the <head>section of
an HTML page.
Eg: <head>
<style>
P { background color: orange;
Color:black;
}
</style>
</head>
INLINE CSS
 Inline style used to apply a unique style for a single element.
 To use inline style, add the style attribute to the relevant element.
Eg: <h1 style=”color:orange; text-align:center;”>AMM</h1>

You might also like