Presentation is loading. Please wait.

Presentation is loading. Please wait.

CSS: text chapter 3 Stylesheet supplement. XHTML and CSS XML is concerned primarily with document content – elements and their attributes. There is technology.

Similar presentations


Presentation on theme: "CSS: text chapter 3 Stylesheet supplement. XHTML and CSS XML is concerned primarily with document content – elements and their attributes. There is technology."— Presentation transcript:

1 CSS: text chapter 3 Stylesheet supplement

2 XHTML and CSS XML is concerned primarily with document content – elements and their attributes. There is technology for presenting XML. XSL can be used to generate HTML out of XML. FOP (Formatting objects) is another example, allowing XML to be presented as PDF, for example. We won’t cover any of that in this course. It is true that some XHTML tags do carry presentation information (headings and font tags, for example). CSS was developed to enhance and specify HTML presentation.

3 CSS1, CSS2, and CSS3 CSS1 was developed by W3C in 1996 and has been largely, but not completely, implemented by IE6 and Netscape 7. CSS2 came out in 1998 and it has only been partly implemented. CSS3 is under development. The text only covers a subset of CSS1 and CSS2 which has been implemented by one or both IE and Mozilla.

4 CSS “cascading” style sheets are so named because there are 3 levels, and each lower level can override a higher level in determining document presentation. Inline is the lowest level and it applies to the content of a single tag. Document level is specified in the header as an html comment and covers the entire document. External can apply to many documents.

5 Validator validator/validator

6 pseudoclass These are styles to be implemented because something happens rather than because a tag or id exists. Hover and focus are examples: hover means the mouse “hovers” over a field and focus means a field has the focus (has been selected/clicked on) Text example didn’t come in the support examples so I made my own.

7 my pseudo-class example input:hover {color:red;} input:focus {color:green;} name....

8 Showing psuedo example with hover and focus

9 Fonts.html text example Font properties If a job is worth doing, it’s worth doing right. Two wrongs don't make a right, but they certainly can get you in a lot of trouble.

Chapter 1 Introduction

1.1 The Basics of Computer Networks


Download ppt "CSS: text chapter 3 Stylesheet supplement. XHTML and CSS XML is concerned primarily with document content – elements and their attributes. There is technology."

Similar presentations


Ads by Google