PPT-CSS Statements, media queries, selectors, cascading

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. – 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. 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 3.2 added tags like font, color . Kevin . Campbell. Katya . Sadovsky. What We. ’. ll Do. What is CSS?. View some code and talk basics. Why use CSS?. Advantages to Workflow. Cost Savings. Implementations. Resources. CSS Intro. What are Cascading Style Sheets?. Nikolay Ninarski. Shtrak.eu. FE Team Lead. The Plan. 0. . Whoami. What is CSS. How to include CSS. CSS Selectors. CSS Properties. Homework. Whoami. Front End Team Lead in Up2Techonology (Dutch IT company). Web Page Design – CSS Lesson 2. Lesson objectives. Learn a wider range of CSS selectors. Understand the idea of cascading . The universal selector (*). Class and ID selectors. Pseudo selectors. Universal Selector. Cascading Style Sheets - Building a stylesheet. Purpose. CSS defines HOW HTML elements are to be displayed.. Styles are normally saved in external “.css” files.. External style sheets allow changes to the appearance of all the pages in a Web site by editing one single file!. Svetlin Nakov. Telerik Corporation. www.telerik.com. Table of Contents. What is CSS?. Styling with Cascading . Stylesheets (CSS). Selectors and style definitions. Linking HTML and CSS. Fonts, Backgrounds, Borders. 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. Chapter 15. Objectives. JavaScript . Pseudo. -. Classes. jQuery. Foundations. AJAX. 1. 2. 3. 7. Animation. 5. Asynchronous . File Transmission. 4. Backbone MVC . Frameworks. 6. JavaSCript. . Pseudo-Classes. .. 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 . 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..