TAILIEUCHUNG - Lecture Web technologies and programming – Lecture 12: Introduction to Cascading Style-sheets (CSS)

After studying this chapter you will be able to understand: Understand the basic concept of CSS; understand the differences among inline, internal and external style sheets; understand how to declare a style. | 1 CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr. Tehseen Riaz Abbasi 1 2 3 3 4 New attributes to existing form elements The required attribute The placeholder attribute The pattern attribute (Writing Regular Expression) The disabled attribute The read only attribute The autocomplete attribute New form elements in HTML5 5 New form elements in HTML5 The datalist element Email element Date element Number element Color element XHTML is the strict form of HTML Understand the basics of CSS (Cascading Style Sheets) Understand the differences among inline, internal and external style sheets Understand the difference between ids and classes. Understand how to declare a style. 6 CSS is a stylesheet language that describes the presentation of an HTML (or XML) document. CSS describes how elements must be rendered on screen, on paper, or in other media. 7 Created by Hakon Lie of MIT in 1994 Has become the W3C standard for controlling visual presentation of web pages Cascading style-sheets are powerful mechanism to add style to web document Enforce standards and uniformity Create dynamic effects Works by allowing you to specify rules 8 All web pages can be broken down into bucketed content areas We can change the presentation styles of these areas. We can update these areas by changing the code on every page - or - We can use cascading style sheets! 9 CSS ( Cascading Style Sheets ) is a style sheet language that describes the presentation style of an HTML Page. It describes how HTML elements must be rendered/displayed on screen. 10 CSS 1 - Released in 1996 Spotty Netscape support Netscape pushed their own style sheet language IE was fully CSS1 compliant Result: if you have users using Netscape then use CSSes with care! Always test with both browsers! Limitations of CSS1 Has almost no support for tables Makes no provision for downloadable fonts Lack of media types 11 CSS 2 Released in 1998 Extends CSS1 IE supports most, but not all CSS2 features Netscape .

• Kỹ thuật lập trình
• Web technologies
• Web programming
• Web applications
• Computer programming
• Web development technologies
• Cascading Style Sheets
• Web project management
• Web application development process
• Modeling web applications
• Testing web application
• Web services
• Web hosting
• Categories of web applications
• Characteristics of web applications
• Web application architecture
• Requirement engineering
• HTML images
• Web pages
• Hyper Text Markup Language
• Markup Language
• HTML page
• Text formatting tags
• HTML links
• HTML forms
• HTML form elements
• HTML 5 form elments
• Adding form elements
• CSS writing option
• CSS rules
• Page Layout
• Rounded corners
• Box shadows
• Elements of visual design
• Interface design