PPT-CSS Cascading Style

Sheets Brief Introduction Norman White Background HTML was not intended to have tags for formatting a document Intended to define contents headings paragraphs etc HTML 32 added tags like font color . – Part I. Svetlin Nakov. Telerik Corporation. www.telerik.com. Table of . Contents (Part I). What is CSS?. Styling with Cascading . Stylesheets (CSS). Selectors and style definitions. Linking HTML and CSS. Dept. of Computer Science and Computer Information. CSCI N-100. What is CSS. CSS is an abbreviation for Cascading Style Sheets. Style sheets are simply text files (.css ), composed of lines of code that tell browsers how to display an HTML page. . Style Sheets. An introduction to 3 types of CSS. Introduction. This presentation introduces the following:. 3 types of CSS. CSS syntax. CSS comments. CSS and color. The box model. Why we need CSS. Styles were added to HTML 4.0 because HTML has very few formatting tags.. Resources. www.w3schools.com/css/css_reference.asp . (. list of all CSS properties). www.w3schools.com/css. /. www.glish.com/css. /. www.html.net/tutorials/css. /. blog.html.it/. layoutgala. /. Great Book. STYLE SHEETs . ). CSS Box Model. CSS Box Model. All HTML elements can be considered as boxes. In CSS, the term "box model" is used when talking about design and layout.. The CSS box model is essentially a box that wraps around HTML elements, and it consists of: margins, borders, padding, and the actual content.. A very brief introduction. CSS, Cascading Style Sheets. 1. CSS. CSS.  stands for . C. ascading . S. tyle . S. heets. CSS . is a stylesheet language that describes the presentation of an HTML (or XML) document.. Style Sheets. An introduction to 3 types of CSS. Introduction. This presentation introduces the . following:. 3 . types of CSS. CSS syntax. CSS comments. CSS and color. The box model. Why we need CSS. Resources. www.w3schools.com/css/css_reference.asp . (. list of all CSS properties). www.w3schools.com/css. /. www.glish.com/css. /. www.html.net/tutorials/css. /. blog.html.it/. layoutgala. /. Great Book. CSS Objectives. Provide more control over web site content presentation and formatting. Facilitate cross web page consistency. Reduce the amount of coding within a web page to accomplish the desired results. Introduction. What do you know about CSS? . What do you hope to do with CSS?. How familiar are you with HTML?. Presentation Summary. What is CSS?. CSS & HTML. The Box Model. Style Sheet Implementation. .. css. extension. What can CSS do?. Change the default attributes associated with a tag or set of tags.. Example: set the font color for all content tagged with the <h1> tag. You can set certain attributes that you can’t do in HTML. Learning outcome. CSS. Introduction. Motivation. Advantages. Implementation. Classes . & . Ids. <span. > and <. div>. General Model. Validation. CSS Introduction. HTML was originally designed as a simple way of . styling WWW information . . CSS. Advantages. Makes . website more . flexible . CSS is . reusable. Change . stylesheet. to change design of many pages. Example: CSS Zen garden . http://www.csszengarden.com/. Internet & World Wide Web . How to Program, 5/e. 1. 2. 3. Cascading Style Sheets 3 (CSS3) . Used to specify the presentation of elements separately from the structure of the document.. CSS . validator.