PPT-Configuring Color and Text with CSS

Chapter 3 Cascading Style Sheets CSS Used to configure text color and page layout Launched in 1996 D eveloped by W3C CSS Zen Garden Web Page Ex Advantages of CSS More options for typography and page layout. – 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 . 1. The good, the bad and the… ugly!. T. ags . such as b, i, u, and font are discouraged in strict . HTML. Why is this bad. ?. 2. <p>. <font face="Arial. ">. Shashdot. .. </. font>. 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?. , or . Cascading Styles Sheets. , is a way to style HTML. Whereas the HTML is the . content. , the style sheet is the . presentation. of that document.. In-line. In-line. . styles are . dropped . straight into the HTML tags using the style attribute.. Chapter 3. Key Concepts. 2. Learning . Outcomes. In this chapter, you will learn to:. Describe the evolution of style sheets . from print media to the Web. List advantages of using Cascading Style Sheets. Keyword: Flow. CSS Float: Positioning Property. Purpose:. Push a block-level element to the . left or right. , taking it out of the flow in relation to other elements - allowing . naturally flowing . 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. 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. <span> & <div>. CS110: Computer Science and the Internet. Some style improvements…. How can we style the word “optional” to be red?. While we’re at it, let’s tone down those bold headers…. 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. W3Schools.com:. http://. www.w3schools.com/css/default.asp. ISYS 350. Cascading Style Sheets . Cascading Style Sheets (CSS) is a mechanism for adding style (e.g., fonts, colors, spacing) to Web documents. . W3Schools.com:. http://. www.w3schools.com/css/default.asp. ISYS 350. Cascading Style Sheets . Cascading Style Sheets (CSS) is a mechanism for adding style (e.g., fonts, colors, spacing) to Web documents. . 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 .