Types of CSS - Cascading Style Sheet

•Download as PPTX, PDF•

3 likes•238 views

Rahul Rana

Types of CSS, CSS stands for Cascading Style Sheet. Here are types of CSS. you can view in this presentation.

Education

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

Recently uploaded

SPLICE Working Group:Reusable Code ExamplesPeter Brusilovsky

HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxEsquimalt MFRC

21st_Century_Skills_Framework_Final_Presentation_2.pptxJoelynRubio1

Michaelis Menten Equation and Estimation Of Vmax and Tmax.pptxRugvedSathawane

FSB Advising Checklist - Orientation 2024Elizabeth Walsh

AIM of Education-Teachers Training-2024.pptNishitharanjan Rout

OS-operating systems- ch05 (CPU Scheduling) ...Dr. Mazin Mohamed alkathiri

UGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdfNirmal Dwivedi

Spellings Wk 4 and Wk 5 for Grade 4 at CAPSAnaAcapella

dusjagr & nano talk on open tools for agriculture research and learningMarc Dusseiller Dusjagr

Ernest Hemingway's For Whom the Bell TollsPallavi Parmar

Diuretic, Hypoglycemic and Limit test of Heavy metals and Arsenic.-1.pdfKartik Tiwari

HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxmarlenawright1

Wellbeing inclusion and digital dystopias.pptxJisc

Orientation Canvas Course Presentation.pdfElizabeth Walsh

How to Manage Call for Tendor in Odoo 17Celine George

Personalisation of Education by AI and Big Data - Lourdes GuàrdiaEADTU

TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...Nguyen Thanh Tu Collection

REMIFENTANIL: An Ultra short acting opioid.pptxDr. Ravikiran H M Gowda

Details on CBSE Compartment Exam.pptx1111GangaMaiya1

Recently uploaded (20)

SPLICE Working Group:Reusable Code Examples

HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx

21st_Century_Skills_Framework_Final_Presentation_2.pptx

Michaelis Menten Equation and Estimation Of Vmax and Tmax.pptx

FSB Advising Checklist - Orientation 2024

AIM of Education-Teachers Training-2024.ppt

OS-operating systems- ch05 (CPU Scheduling) ...

UGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdf

Spellings Wk 4 and Wk 5 for Grade 4 at CAPS

dusjagr & nano talk on open tools for agriculture research and learning

Ernest Hemingway's For Whom the Bell Tolls

Diuretic, Hypoglycemic and Limit test of Heavy metals and Arsenic.-1.pdf

HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx

Wellbeing inclusion and digital dystopias.pptx

Orientation Canvas Course Presentation.pdf

How to Manage Call for Tendor in Odoo 17

Personalisation of Education by AI and Big Data - Lourdes Guàrdia

TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...

REMIFENTANIL: An Ultra short acting opioid.pptx

Details on CBSE Compartment Exam.pptx1111

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

Types of CSS - Cascading Style Sheet

Recommended

Recommended

More Related Content

More from Rahul Rana

More from Rahul Rana (6)

Recently uploaded

Recently uploaded (20)

Types of CSS - Cascading Style Sheet