- HTML5 Web Application Development By Example Beginner's Guide
- J.M. Gustafson
- 185字
- 2021-08-13 16:50:22
Chapter 2. Let's Get Stylish
"In matters of style, swim with the current; in matters of principle, stand like a rock." – Thomas Jefferson
In this chapter, we will put on our graphic designer hats and do some styling. Right now our task list application that we created in the first chapter works but it looks like something from 2005. We will bring it up to the present and into the future using CSS3 to give it a clean, modern look. We will add rounded corners, shadows, gradients, and transitions using the latest CSS3 features. We will also use CSS sprites to add some images to the task list buttons.
In this chapter we will learn:
- New ways to specify colors in CSS3 and set transparencies
- How to add rounded corners to elements
- How to add shadows to elements and text
- How to draw gradients in element backgrounds
- New CSS3 background properties
- How to use CSS sprites in your applications
- How to use transitions and transforms to add effects to the user interface
- How to dynamically load stylesheets to create customizable user interfaces
推薦閱讀
- Mastering Ext JS（Second Edition）
- 程序員修煉之道：程序設計入門30講
- Objective-C應用開發全程實錄
- Mastering Swift 2
- 程序是怎樣跑起來的（第3版）
- Python Data Analysis Cookbook
- Corona SDK Mobile Game Development：Beginner's Guide（Second Edition）
- UNIX Linux程序設計教程
- App Inventor創意趣味編程進階
- Learning Hadoop 2
- PrimeFaces Blueprints
- Oracle數據庫編程經典300例
- JavaScript悟道
- SQL Server 2014 Development Essentials
- 趣學數據結構