Presentation is loading. Please wait.

Presentation is loading. Please wait.

Intro To Web Design with Adobe Dreamweaver CSS Cascading Style Sheets (CSS) is the W3C standard for defining the presentation of documents written in HTML,

Similar presentations


Presentation on theme: "Intro To Web Design with Adobe Dreamweaver CSS Cascading Style Sheets (CSS) is the W3C standard for defining the presentation of documents written in HTML,"— Presentation transcript:

1 Intro To Web Design with Adobe Dreamweaver CSS Cascading Style Sheets (CSS) is the W3C standard for defining the presentation of documents written in HTML, XHTML, and, in fact, any XML language. Presentation, again, refers to the way the document is displayed or delivered to the user, whether on a computer screen, a cell phone display, or read aloud by a screen reader.

2 Intro To Web Design with Adobe Dreamweaver CSS Concepts Types of CSS Tag styles – examples h1, h3, p, ol. (Dreamweaver ex.) Applies globally to individual HTML tags Class styles -.bold,.red (Dreamweaver ex.) You create, name & attach manually to text or an HTML tag. Advanced styles (IDs) - #header, #sidebar Let's you format a unique item on a page. 1 ID per page

3 Intro To Web Design with Adobe Dreamweaver Descendant Selectors - examples #sidebar p – any p located in the sidebar will be styled #sidebar h3– any h3 located in the sidebar will be styled #header ul – any ul located in the header will be styled Ul li a

4 Intro To Web Design with Adobe Dreamweaver Inheritance CSS passes from parent to child tag will change everything (dreamweaver ex.)‏

5 Intro To Web Design with Adobe Dreamweaver Styling for Print Why have a separate style sheet for print and screen? When someone wants to print out a website, they just want certain information, not the excess navigation or images. Also, they want it formatted on a letter size page.


Download ppt "Intro To Web Design with Adobe Dreamweaver CSS Cascading Style Sheets (CSS) is the W3C standard for defining the presentation of documents written in HTML,"

Similar presentations


Ads by Google