When you read about Cascading Style Sheets in forums and blogs, authors often resort to poetic flights of fancy such as “The Beauty and Harmony of CSS” or the “CSS Zen Garden.” And in fact, bringing forth specific shapes and colors from the raw, rough-hewn blocks of HTML is not unlike a transformation process in alchemy.
Objects can be positioned anywhere on a web page and embellished with borders, background colors, images, shadows, and transparencies. In addition to the font, text can be formatted using various typographical features such as line and character spacing, drop caps and multiple columns. Elements can be designed to be interactive so they change their appearance, are shown or hidden, or become animated when moused over.
This course is divided into two sections. In the first section, you will learn the fundamentals of CSS and the most important features for designing text and layout. In the second section, you will apply what you have learned in various exercises and familiarize yourself with several advanced techniques. Ultimately you will be able to structure and design modern websites completely with CSS.
Particular attention will be paid to the design of flexible layouts that are not defined for specific screen sizes. This course does not, however, cover responsive web design and media queries used for designing reactive websites whose layout dynamically adjusts to the screen size of different mobile devices. This wide-ranging topic is the subject of the next volume in this series.
Frank L. Schad
Nuremberg, November 2016