Web-Sites-Design-and-Programming-4计算机科学与技术---网站设计与编程--双语教学课件.ppt

Web Sites Design and Programming Lecturer: Lijie Guo Room: XNA508 Phone: Email: guo_lijie163@163.com Cascading Style Sheets (CSS) Overview Motivation Levels of style sheets Style specification formats Selector forms Property value forms Examples of properties – font, list, color, text alignment, background images Motivation Consider the management of a corporate web site Site identity (look feel - e.g. corporate image) must be maintained Changes in site identity must be implemented across the entire site A mixture of content and appearance in a data set is difficult to maintain Stylesheet concept from DTP XHTML necessarily mixes style and content, but stylesheets help the separation CSS CSS provides the means to control and change presentation of XHTML documents CSS is not technically HTML, but can be embedded in HTML documents Style sheets allow you to impose a standard style on a whole document, or even a whole collection of documents CSS1 specification was developed in 1996 CSS level 2（1998) revision 1 (“CSS 2.1”) - 2004, is a Candidate W3C Recommendation CSS3 is under development Levels of Style Sheets There are three levels of style sheets Inline - specified for a specific occurrence of a tag and apply only to that tag This is fine-grain style, which defeats the purpose of style sheets - uniform style Document-level style sheets - apply to the whole document in which they appear External style sheets - can be applied to any number of documents When more than one style sheet applies to a specific tag in a document, the lowest level style sheet has precedence In a sense, the browser searches for a style property spec, starting with inline, until it finds one (or there isn’t one) Levels of Style Sheets Inline style sheets appear in the tag itself Document-level style sheets appear in the head of the document External style sheets are in separate files, potentially on any server on the Internet Writt