SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
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

Más contenido relacionado

Más 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
 

Más 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
 

Último

How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17Celine George
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapitolTechU
 
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxPISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxEduSkills OECD
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesMohammad Hassany
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationMJDuyan
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxKatherine Villaluna
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxSaurabhParmar42
 
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfMohonDas
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17Celine George
 
3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptxmary850239
 
How to Solve Singleton Error in the Odoo 17
How to Solve Singleton Error in the  Odoo 17How to Solve Singleton Error in the  Odoo 17
How to Solve Singleton Error in the Odoo 17Celine George
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.raviapr7
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?TechSoup
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxDr. Santhosh Kumar. N
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.EnglishCEIPdeSigeiro
 
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptxClinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptxraviapr7
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...raviapr7
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsEugene Lysak
 
General views of Histopathology and step
General views of Histopathology and stepGeneral views of Histopathology and step
General views of Histopathology and stepobaje godwin sunday
 
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...CaraSkikne1
 

Último (20)

How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptx
 
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxPISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming Classes
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive Education
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptx
 
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdf
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17
 
3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptx
 
How to Solve Singleton Error in the Odoo 17
How to Solve Singleton Error in the  Odoo 17How to Solve Singleton Error in the  Odoo 17
How to Solve Singleton Error in the Odoo 17
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptx
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.
 
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptxClinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George Wells
 
General views of Histopathology and step
General views of Histopathology and stepGeneral views of Histopathology and step
General views of Histopathology and step
 
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...
 

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