PPT-Session II - Chapter 4 How to use CSS to Format the Elements of a Web Page

wwwprofburnettcom HTML5 Level I Session Outline How to provide CSS to web pages CSS with HTML5 Semantic Tags How to Specify Measurements and Colors Code Selectors Working with Text 9192016. 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. . , 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.. Slice and Dice: From PSD Image to XHTML+CSS. Svetlin Nakov. Telerik Corporation. www.telerik.com. Table of Contents. From Image to . XHTML+CSS: Step by Step. Floating . DIVs and DIVs . Behaving Like . Svetlin. . Nakov. Telerik Web Design Course. html5course.telerik.com. Manager Technical Training. http://nakov.com. . Table of Contents. Positioning. Positioning inline elements. Floating. Left and right. Maureen Smith. Professor. Tutorial 4. Lesson Plan. Review. Session 4.1. Session 4.2. Session 4.3. Review. Objectives. Work with CSS selectors. Create styles for lists. Create and apply class styles. Create a rollover effect. Slice and Dice: From PSD Image to XHTML+CSS. Svetlin Nakov. Telerik Corporation. www.telerik.com. Table of Contents. From Image to . XHTML+CSS: Step by Step. Floating . DIVs and DIVs . Behaving Like . CSS.  stands for . C. ascading . S. tyle . S. heets. CSS describes . how HTML elements are to be displayed on screen, paper, or in other media. CSS . saves a lot of work. . It can control the layout of multiple web pages all at once. Week 5 – Lesson 6. Designing a web-site. The story so far.... Three methods of writing CSS.. The CSS Box model.. Fundamentals of scripting languages. Characteristics. Types. issues. Uses. Methods. functions. .. 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. Outline. What are CSS Preprocessors. Benefits. Products & popularity. LESS . What are CSS Preprocessors. Scripting language for writing CSS. Write CSS more efficiently. Variables. Functions. Operations (math). Positioning and the Box Model. When working on layouts for your HTML web pages, it is convenient to think about your content in the terms of being in boxes. . If you took a simple web page with 4 elements, and put a border around each element, this becomes easy to visualize.. June 7, 2011. DRAFT: For Discussion Purposes Only. The UI is the project (in the mind of the user). The UI of the web application is what the client interacts with daily. Without a clean, fast, and efficient user interface the project will be a failure in the mind of the customer, no matter how elegant the underlying code. Sam M. Walton College of Business, University of Arkansas. “. Connecting scholarship and research with business practice. ”. Style and CSS Basics. Goal is to separate Style from Structure. Style rules express the style characteristics of an element. 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..