Presentation is loading. Please wait.

Presentation is loading. Please wait.

Cascading Style Sheets Understanding styles. The term cascading describe the capability of a local style to override a general style. CSS applies style.

Similar presentations


Presentation on theme: "Cascading Style Sheets Understanding styles. The term cascading describe the capability of a local style to override a general style. CSS applies style."— Presentation transcript:

1 Cascading Style Sheets Understanding styles

2 The term cascading describe the capability of a local style to override a general style. CSS applies style formatting to your page in one of three ways: –Via an external, linked styled sheet –Via an embedded style –Via inline style rules External Style Sheets =files containing the CSS rules; they link one or more Web pages. One benefit to linking to an external style sheet –you can customize and change the appearance of all pages easily from one file. They are recommended. Embedded Styles are those typically written into the actual file at the top of the web page within a … tag pair. (however, they can be placed anywhere on the page) Inline Styles are inserted within HTML tags using the style attribute- a technique known as inline styles ( the most local-> has the ultimate control) –These two last categories are also called internal styles

3 External style sheets – can use 2 methods: –The link method: a line of code is added outside of the tags: –The import method writes code within the style tags, as follows : { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.com/3495379/12/slides/slide_2.jpg", "name": "External style sheets – can use 2 methods: –The link method: a line of code is added outside of the tags: –The import method writes code within the style tags, as follows :

4 Embedded styles Sample:

Similar presentations


Ads by Google