PPT-Css ( CASCADING

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. 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.. Andrew . Ouzts. Based on . “Cascading . Behavior in Networks: Algorithmic and Economic . Issues” in . Algorithmic Game Theory. . (. Jon Kleinberg, 2007). and. Ch.16 and 19 . of . Networks, Crowds, and Markets: Reasoning about a Highly Connected . (Advanced topics). Two Layout Techniques. Table Layout. This works, but is considered a misuse of tables.. Table layout is gradually phased out.. CSS Layout. CSS positioning is used to place elements.. 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. Web Applications. Martin . Nečaský. Department of Software Engineering,. Faculty of Mathematics and Physics,. Charles University in Prague,. Czech Republic. CSS Statements. Syntax. CSS style sheet consists of statements of two kinds. Svetlin Nakov. Telerik Corporation. www.telerik.com. http://schoolacademy.telerik.com. Table of Contents. What is CSS?. Styling with Cascading . Stylesheets (CSS). Selectors and style definitions. Linking HTML and 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. Web Applications. Martin . Nečaský. Department of Software Engineering,. Faculty of Mathematics and Physics,. Charles University in Prague,. Czech Republic. CSS Statements. Syntax. CSS style sheet consists of statements of two kinds. and how . do they . affect society?. Alexander . Cedergren, University . of. . Lund. The . research. . leading. . to. . these. . results. . has. . received. . funding. . from. . the. European Union . 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. 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/. Pages load faster - If you are using CSS, you do not need to write HTML tag attributes every time. Just write one CSS rule of a tag and apply it to all the occurrences of that tag. So, less code means faster download times..