- 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
推薦閱讀
- 少兒人工智能趣味入門：Scratch 3.0動畫與游戲編程
- 流量的秘密：Google Analytics網站分析與優化技巧（第2版）
- Qt 5 and OpenCV 4 Computer Vision Projects
- DevOps with Kubernetes
- C++程序設計（第3版）
- WebAssembly實戰
- Mastering phpMyAdmin 3.4 for Effective MySQL Management
- Spring實戰（第5版）
- PHP+MySQL+Dreamweaver動態網站開發實例教程
- Flux Architecture
- HTML5+CSS3網站設計基礎教程
- Learning Hunk
- Spring快速入門
- Java Web開發就該這樣學
- ASP.NET 4.0 Web程序設計