SlideShare une entreprise Scribd logo
1  sur  10
Types of CSS (Cascading Style
Sheet)
Cascading Style Sheet(CSS) is utilized to set the style in site pages
which contain HTML elements. It sets the font-size, background color,
font-family, color, … etc property of elements in a web page.
● Inline CSS
● Internal or Embedded CSS
● External CSS
Inline CSS contains the CSS property in the body area connected with
Element is known as inline CSS. This sort of style is determined within
an HTML tag utilizing style attribute.
Internal or Embedded CSS: This can be used when a single
HTML document must be styled uniquely. The CSS principles
set ought to be within the HTML file in the head section i.e the
CSS is embedded within the HTML file.
Youtube Video Link :- https://youtu.be/h83N208Olfc
External CSS: External CSS contains separate CSS file which contains only style
property with the assistance of tag attributes (For example class, id, heading, … etc).
CSS property written in a different file with .css expansion and ought to be connected to
the HTML report utilizing link tag. This implies for every component, style can be set just
once and that will be connected crosswise over website pages.
Below is the HTML file that is
making use of the created
external style sheet
link tag is used to link the external
style sheet with the html webpage.
href attribute is used to specify the
location of the external style sheet
file.
Properties of CSS
Inline CSS has the highest priority, then comes
Internal/Embedded followed by External CSS
which has the least priority. Different style
sheets can be defined on one page. If for an
HTML tag, styles are defined in various style
sheets then the below order will be followed.
● As Inline has the highest priority, any
styles that are defined in the internal and
external style sheets are overridden by
Inline styles.
● Internal or Embedded stands second in
the priority list and overrides the styles
in the external style sheet.
● External style sheets have the least
need. If there are no styles defined
either in inline or internal style sheet
then external style sheet rules are
applied for the HTML tags.
If any want to learn CSS ,
then visit Web designing training in Chandigarh CBitss
Technologies
Address: Sector 34A, sco 23-24-25, Chandigarh, 160022
Mobile No: 9914641983
Types of CSS - Cascading Style Sheet

Contenu connexe

Plus de Rahul Rana

Few skills every successful web designer needs
Few skills every successful web designer needsFew skills every successful web designer needs
Few skills every successful web designer needsRahul Rana
 
Php developer job description
Php developer job descriptionPhp developer job description
Php developer job descriptionRahul Rana
 
Difference between frontend and backend
Difference between frontend and backendDifference between frontend and backend
Difference between frontend and backendRahul Rana
 
Top php frameworks for startups - 2019
Top php frameworks for startups - 2019Top php frameworks for startups - 2019
Top php frameworks for startups - 2019Rahul Rana
 
How to use the excel basic functions
How to use the excel basic functionsHow to use the excel basic functions
How to use the excel basic functionsRahul Rana
 
The 6 fastest growing tech jobs | short term computer courses in Chandigarh
The 6 fastest growing tech jobs | short term computer courses in ChandigarhThe 6 fastest growing tech jobs | short term computer courses in Chandigarh
The 6 fastest growing tech jobs | short term computer courses in ChandigarhRahul Rana
 

Plus de Rahul Rana (6)

Few skills every successful web designer needs
Few skills every successful web designer needsFew skills every successful web designer needs
Few skills every successful web designer needs
 
Php developer job description
Php developer job descriptionPhp developer job description
Php developer job description
 
Difference between frontend and backend
Difference between frontend and backendDifference between frontend and backend
Difference between frontend and backend
 
Top php frameworks for startups - 2019
Top php frameworks for startups - 2019Top php frameworks for startups - 2019
Top php frameworks for startups - 2019
 
How to use the excel basic functions
How to use the excel basic functionsHow to use the excel basic functions
How to use the excel basic functions
 
The 6 fastest growing tech jobs | short term computer courses in Chandigarh
The 6 fastest growing tech jobs | short term computer courses in ChandigarhThe 6 fastest growing tech jobs | short term computer courses in Chandigarh
The 6 fastest growing tech jobs | short term computer courses in Chandigarh
 

Dernier

The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsKarinaGenton
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfUmakantAnnand
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991RKavithamani
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxOH TEIK BIN
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsanshu789521
 

Dernier (20)

The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its Characteristics
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.Compdf
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
 

Types of CSS - Cascading Style Sheet

  • 1. Types of CSS (Cascading Style Sheet)
  • 2. Cascading Style Sheet(CSS) is utilized to set the style in site pages which contain HTML elements. It sets the font-size, background color, font-family, color, … etc property of elements in a web page.
  • 3. ● Inline CSS ● Internal or Embedded CSS ● External CSS
  • 4. Inline CSS contains the CSS property in the body area connected with Element is known as inline CSS. This sort of style is determined within an HTML tag utilizing style attribute.
  • 5. Internal or Embedded CSS: This can be used when a single HTML document must be styled uniquely. The CSS principles set ought to be within the HTML file in the head section i.e the CSS is embedded within the HTML file. Youtube Video Link :- https://youtu.be/h83N208Olfc
  • 6. External CSS: External CSS contains separate CSS file which contains only style property with the assistance of tag attributes (For example class, id, heading, … etc). CSS property written in a different file with .css expansion and ought to be connected to the HTML report utilizing link tag. This implies for every component, style can be set just once and that will be connected crosswise over website pages.
  • 7. Below is the HTML file that is making use of the created external style sheet link tag is used to link the external style sheet with the html webpage. href attribute is used to specify the location of the external style sheet file.
  • 8. Properties of CSS Inline CSS has the highest priority, then comes Internal/Embedded followed by External CSS which has the least priority. Different style sheets can be defined on one page. If for an HTML tag, styles are defined in various style sheets then the below order will be followed. ● As Inline has the highest priority, any styles that are defined in the internal and external style sheets are overridden by Inline styles. ● Internal or Embedded stands second in the priority list and overrides the styles in the external style sheet. ● External style sheets have the least need. If there are no styles defined either in inline or internal style sheet then external style sheet rules are applied for the HTML tags.
  • 9. If any want to learn CSS , then visit Web designing training in Chandigarh CBitss Technologies Address: Sector 34A, sco 23-24-25, Chandigarh, 160022 Mobile No: 9914641983