Getting StartED with CSS

Getting StartED with CSS

David Powers

Language: English

Pages: 563

ISBN: 1430225432

Format: PDF / Kindle (mobi) / ePub


Knowledge of Cascading Style Sheets (CSS) is essential for developing modern, attractive websites, but many beginners are put off by the need to learn about unfamiliar concepts, such as selectors, properties, and classes, before they can achieve anything. Getting StartED with CSS takes a practical approach by showing you how to use CSS in simple stages, starting by changing the default appearance of HTML tags to improve the look of text and links. It assumes no prior knowledge of CSS and avoids bombarding you with unnecessary technical details. At the same time, it explains all the main points and acts as a reference that you can come back to when you need to refresh your memory. More advanced concepts are introduced gradually, so that by the end of the book you'll have a solid understanding of all the main aspects of CSS. Particular attention is paid to avoiding the common pitfalls of beginners, enabling you to create websites that not only look good, but also are easy to maintain.

* Requires no previous knowledge of CSS
* Instant results—starts off by showing how improve the look of a website stage by stage
* Doesn't bombard you with endless rules and jargon

Basic Visual Formatting in CSS: Layout Fundamentals in CSS

Puppet 3 Beginner's Guide

Typography Best Practices

Pro HTML5 Programming: Powerful APIs for Richer Internet Application Development

 

 

 

 

 

 

 

 

 

 

take several years before IE6 and IE7 disappear completely from the scene, but the arrival of IE8 and other modern browsers, such as Firefox, Safari, and Opera, means you can now use CSS with far greater confidence than ever before. As long as the website remains usable in older browsers, you don’t need to worry if there are some minor differences in display. AdvancED Before deploying a website on the Internet, check what it looks like in all the main browsers and on different operating systems.

..................................................................... 38 Chapter 2:How Do I Improve the Look of Text and Links?...................... 39 Exploring the CSS text properties ............................................... 40 Changing the default font and color of text ................................... 43 Using font-family to choose a range of alternative fonts .......................... 44 Setting color values in CSS .............................................................. 51

journey_01.html, journey_02.html, and so on. These are linked to updated versions of the style sheet in the ch02/css subfolder. How you organize your exercise files is up to you, but I suggest that you create a new folder called workfiles and save journey_start.html as journey.html in the new folder. 2. Test journey.html in a browser. It should look the same as Figure 2-1. 3. Examine the HTML code in journey.html. The main body of the text is marked up using

tags. There are one

and

................................................................... 505 max-width .................................................................... 506 min-height.................................................................... 506 min-width .................................................................... 506 padding-top, padding-right, padding-bottom, padding-left.......................................................... 506 padding

you put a lot of material in there. However, as long as no other background is defined, the background of a parent element shows through, thanks to the default transparent value of background-color. So, that means you can apply the background image to the wrapper

, and it will show through the other elements inside the
. Change the #wrapper style block like this: #wrapper { width: 720px; margin: 0 auto; background-color: #FFF; background-image: url(../../images/grand_canyon.jpg);

Download sample

Download