Presentation is loading. Please wait.

Presentation is loading. Please wait.

One Set of Styles Connected to As Many Pages as You Want!!!

Published byMerja Palo Modified over 5 years ago

Similar presentations

Presentation on theme: "One Set of Styles Connected to As Many Pages as You Want!!!"— Presentation transcript:

1 One Set of Styles Connected to As Many Pages as You Want!!!
External Style Sheets One Set of Styles Connected to As Many Pages as You Want!!!

2 Create an External CSS File
Create a file with extension .css Save in same folder as html pages

3 Start with a Comment Comment: does not affect how computer “runs” the code Write a CSS comment by surrounding text with /* and */ Label top of your code with basic info

4 Comment Major Sections
So easy to locate later for editing

5 Write Style Rules

6 Link Style Sheet to HTML
Do this for every page in your site Add into <head> section <link> tag rel  always value “stylesheet” href  file name of stylesheet

Download ppt "One Set of Styles Connected to As Many Pages as You Want!!!"

Similar presentations

CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.

CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.
Cascading Style Sheets (CSS) “Styles” for short. Pg. 418.

Cascading Style Sheets (CSS) “Styles” for short. Pg. 418.
Cascading Style Sheets

Cascading Style Sheets
HTML Overview - Cascading Style Sheets (CSS). Before We Begin Make a copy of one of your HTML file you have previously created Make a copy of one of your.

HTML Overview - Cascading Style Sheets (CSS). Before We Begin Make a copy of one of your HTML file you have previously created Make a copy of one of your.
Chapter 8 Creating Style Sheets.

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

Cascading Style Sheets Understanding styles. The term cascading describe the capability of a local style to override a general style. CSS applies style.
Dreamweaver MX 2004. ? Create professional web pages Visual editing functions –No need to write HTML Includes complete FTP client software Recognises.

Dreamweaver MX ? Create professional web pages Visual editing functions –No need to write HTML Includes complete FTP client software Recognises.
Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.

Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.
4.01 Cascading Style Sheets

4.01 Cascading Style Sheets
Creating & Attaching CSS An CSS Primer Tutorial. A New CSS Document Create a new CSS Document in Dreamweaver using the “New” option under the File Menu.

Creating & Attaching CSS An CSS Primer Tutorial. A New CSS Document Create a new CSS Document in Dreamweaver using the “New” option under the File Menu.
CSS (Cascading Style Sheets): How the web is styled Create Rules that specify how the content of an HTML Element should appear. CSS controls how your web.

CSS (Cascading Style Sheets): How the web is styled Create Rules that specify how the content of an HTML Element should appear. CSS controls how your web.
Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.

Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.
Basics of HTML.

Basics of HTML.
Creating Tables in a Web Site Using an External Style Sheet

Creating Tables in a Web Site Using an External Style Sheet
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.

Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
Dreamweaver MX. 2 Creating External Style Sheets-1 (p. 400) n A style is a group of formatting attributes identified by a single name. n An ________ style.

Dreamweaver MX. 2 Creating External Style Sheets-1 (p. 400) n A style is a group of formatting attributes identified by a single name. n An ________ style.
STYLING THE WEBSITE - EXTERNAL CSS BY JORGE MARTINEZ.

STYLING THE WEBSITE - EXTERNAL CSS BY JORGE MARTINEZ.
 ult.htm ult.htm  This website illustrates the use of CCS (style sheets)

 ult.htm ult.htm  This website illustrates the use of CCS (style sheets)
CSS Style Rules Guang Tong, Zhan L;lo’p[ Css Style Rule Guang Tong Zhan Three ways to insert CSS 1 External style sheet 2 Internal style sheet 3 Inline.

CSS Style Rules Guang Tong, Zhan L;lo’p[ Css Style Rule Guang Tong Zhan Three ways to insert CSS 1 External style sheet 2 Internal style sheet 3 Inline.
Cascading Style Sheets (CSS) 1.  What is CSS?  Why CSS?  How to write a CSS? 2.

Cascading Style Sheets (CSS) 1.  What is CSS?  Why CSS?  How to write a CSS? 2.

Similar presentations

Ads by Google