Describe About CSS and CSS Background Class:9 ( WPD )

Hello friends This blog in interesting for you in this blog post we will learn about web page development Unit:3 (CSS) (CLASS:9) computer engineering students Now lets start.

                                    

                  INTRODUCTION OF CSS

→ CSS stands for Cascading Style Sheets.

→ CSS is a standard style sheet language used for describing the presentation of the web pages.

                                        Advantage of CSS

. CSS Save Lots of Time.

. Easy Maintenance.

. Pages Load Faster.

. Superior Style to Html.

. Multiple Device Compatibility.

                                               why use CSS ?

→ CSS is used to define style for your web pages include the design,layout and variaditions in display for different devices and screen sizes.

                                                BACKGROUND

→ The CSS background properties are used to define the background effects for elements.

CSS Background Properties :

1) background-colour

2) background-image

3) background-repeat

4) background-attachment

5) background-position

                                                           

                             

                              CSS BACKGROUND PROPERTIES

1)  Background-Colour

→ The background-colour property specifies the background colour of an element. 

EXAMPLE :

body{

background-colour : red;}

h1{

background-colour : green;}

div{

background-colour : blue;}

p{

background-colour : yellow;}

  

2)  Background-Image

→ The background-image property specifies an image to use as the background of an element.

 

EXAMPLE :

body{ background-image : url ("file link");}

                     

3)  Background Image-Repeat

→ Horizontally or vertically by default, the background-image property repeats an image both horizontally and vertically.

EXAMPLE :

{ background-repeat : no repeat;}

4)  Background-Attachment :

{background-attachment : fixed;}

5)  Background Image-Fixed Position

→ To specify that the background image should be fixed (will not scroll with the rest of the page).

EXAMPLE :

{background-position : right;}

I hope this blog is helpful and interesting for you in another post i will describe about UNIT:3 CSS Margin and CSS Padding please follow this blog.

Thanks for reading my blog #stay safe #stay home   #stay healthy #stay cool.

Continue in another blog post so connected this blog for another post

 ***************Thanks for reading my blog**************