Basic Formatting / CSS Text Properties
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com’s entire library of video tutorials.
Learn More
Subtitles of the Movie
Other than the tags described in this section most of your page formatting will be done using CSS so let me give you a quick introduction to the more important CSS text properties. I'll be covering these later in the course. This way you can get a quick comparison to the formatting elements you just learned. The number in the CSS column here in this table indicates in which CSS version the property is defined, CSS 1 or CSS 2. So, important CSS text properties include the color property which sets the color of the text. The line-height sets the distance between lines of text. Letter-spacing increases or decreases the space between characters. Text-align aligns the text in an element either left, right, center, or full justify. Full justify is where the text is even on both the right and the left. In most cases you'll want to left-justify your text copy as this makes it easier to read. You might want to center title text and other special text sections, but mostly you'll be left-justifying the text. You also have text-decoration. This adds decoration to text: none, underline, overline, line through, or blink. You probably don't want to ever use blink but there may be rare occasions when you want to have blinking text, but mostly blinking text is very annoying and hard to read. Text-indent indents the first line of text in an element. The values are length or percentage. Text-transform controls the letters in an element: none, capitalize, uppercase, or lowercase. Notice that there's no superscript or Subscript here. That's why I covered those tags in this section. You'll mostly have to hard code superscripts or Subscripts into your text formatting. You also have the unicode style as well as vertical-align which sets the vertical alignment of an element: baseline, sub, super, top, text-top, middle, bottom, text-bottom; the values are length or percentage. And then the white-space style sets how white space inside of an element is handled: normal, pre, or nowrap. I'll be giving you examples of this a little bit later, probably easier to see that than for me to define it. And then the last one is word-spacing, increases or decreases the space between words. The values are normal or a length setting. So that gives you an idea of the kind of styles that are available to style your sections, pages, or individual elements with CSS. So that will conclude this section of the tutorial on Basic Formatting. Let's move on to the next section: Color and the Web. Most pages consist predominantly of text but graphics are an important element of all web pages. So in the next section I review Color on the Web, Color Schemes, Image Resolution, Image File Formats, how to get your images to load faster, how to insert images into pages, how to use background images in color and much, much more.
Tutorial Information
| Course: | HTML 4/5 with CSS |
| Author: | James Gonzalez |
| SKU: | 34077 |
| ISBN: | 1-935320-93-9 |
| Release Date: | 2009-12-31 |
| Duration: | 10.5 hrs / 142 lessons |
| Work Files: |
Yes |
| Captions: | Available on CD and Online University |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 98,729 Video Tutorials (23,265 free)
- Video Available as Flash or QuickTime
- Over 1026 Courses
- $30 for One Month Access
- Multi-User Discounts Available
United States 