Beginning CSS3

Beginning CSS3

4.11 - 1251 ratings - Source

Beginning CSS3 teaches you how to style web pages using Cascading Style Sheets (CSS)a€”the language of web design. Starting from first principles, youa€™ll learn through a series of practical exercises how to change the default look of HTML tags, adding color, backgrounds, and borders. The book demystifies core concepts, such as the CSS box model and selectors, giving you the confidence and knowledge to create innovative and flexible page layouts. Youa€™ll also learn how to create rounded corners, drop shadows, and gradients without the need for images, using the latest CSS3 techniques. What youa€™ll learn Teaches how to style attractive and flexible web pages Hands-on exercises demonstrate how to combine style rules for different effects Comprehensive coverage of CSS2.1 and stable parts of CSS3 Who this book is for Beginning CSS3 is aimed at web designers who want to master the use of Cascading Style Sheets to style and lay out modern web pages. It teaches core concepts, such as the CSS box model and choosing the most appropriate selectors to apply styles efficiently. This makes it an excellent choice for both complete beginners and web designers who want to improve their understanding of CSS. Table of Contents Introducing CSS - the Language of Web Design Using Basic Selectors Specifying Sizes, Colors, and Files Styling Text Embedding Web Fonts Understanding Layout with the CSS Box Model Floating Elements for Layout Adding Backgrounds Adding Borders and Drop Shadows Styling Lists and Navigation Menus Positioning Elements Precisely Cross-Browser Layout Techniques Using Advanced Selectors Styling Tables Generated Content Creating a Print Style Sheet Targeting Styles at Different Devices with Media Queries Using CSS3 Multi-Column Layout Creating Gradients Without images 2D Transformations and Transitions Animating Elements with CSS Keyframes What Next?It also has a background image thata#39;s displayed once and has its background- attachment property set to local like this: #tail { whitea€”space: pre; font-family: ... width: 250px; margin: 0 auto; overflow-y: auto; background-image: ur1( imageslborder.png); background-repeat: no-repeat; background-attachment: local; Figure 8-10 shows what happens when you scroll the content of the alt;divagt; in local.html.

Title:Beginning CSS3
Author:David Powers
Publisher:Apress - 2012-09-26


You Must CONTINUE and create a free account to access unlimited downloads & streaming