Basic text formatting: Lab
Basic text formatting: Lab
Controlling the text formatting of a simple page doesn't require a tremendous amount of planning or execution. However, when controlling a site, especially a complex site, even the simplest text formatting requires thinking about how to apply the formatting efficiently, and in a way that doesn't change the formatting that you need for other elements. In this lab, you are going to return to the desolve.org site and focus on controlling the site's typography. You'll need to utilize many of the properties that you've learned in this chapter as well as put some thought into writing the most efficient selectors possible to achieve the desired formatting.
Let's take a look at the goals that we have for our text formatting lab. I'm in the 04_15 folder and I've opened up the index.htm along with the main.css file which can be found in the same directory in the _css file. Now if I preview this page in a browser just to kind of show you what's going on here, a lo...
Basic text formatting: Lab provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Core Concepts
- Subject:
- Web
- Software:
- CSS
- Author:
- James Williamson
-
4m 54s
-
- Welcome
-
52s
-
- Using the exercise files
-
4m 2s
-
-
1h 8m
-
- Exploring default styling
-
4m 56s
-
- CSS authoring tools
-
2m 29s
-
- CSS syntax
-
4m 45s
-
- Writing a selector
-
4m 10s
-
- Setting properties
-
8m 40s
-
- Common units of measurement
-
7m 47s
-
- Inline styles
-
5m 1s
-
- Embedded styles
-
5m 19s
-
- Using external style sheets
-
10m 35s
-
- Checking for browser support
-
8m 48s
-
-
2h 15m
-
- Structuring HTML correctly
-
2m 51s
-
- Element selectors
-
4m 52s
-
- Class selectors
-
6m 4s
-
- ID selectors
-
3m 27s
-
- Using classes and IDs
-
10m 7s
-
- Element-specific selectors
-
4m 35s
-
- The universal selector
-
5m 42s
-
- Grouping selectors
-
4m 49s
-
- Descendent selectors
-
7m 32s
-
- Child selectors
-
5m 7s
-
- Adjacent selectors
-
5m 30s
-
- Attribute selectors
-
12m 43s
-
- Pseudo-class selectors
-
3m 54s
-
- Nth-child selectors
-
13m 10s
-
- Pseudo-element selectors
-
12m 40s
-
- Targeting page content: Lab
-
8m 56s
-
-
44m 54s
-
- Understanding the cascade
-
5m 47s
-
- Using inheritance
-
8m 26s
-
- Selector specificity
-
6m 55s
-
- Resolving conflicts: Lab
-
6m 45s
-
1h 47m
-
- Setting a font family
-
7m 10s
-
- Using @font-face
-
9m 19s
-
- Setting font size
-
7m 35s
-
- Font style and font weight
-
6m 52s
-
- Transforming text
-
3m 58s
-
- Using text variants
-
2m 49s
-
- Text decoration options
-
4m 26s
-
- Setting text color
-
3m 2s
-
- Controlling text alignment
-
6m 33s
-
- Letter and word spacing
-
9m 11s
-
- Indenting text
-
4m 30s
-
- Adjusting paragraph line height
-
10m 30s
-
- Basic text formatting: Lab
-
8m 45s
-
-
2h 1m
-
- Understanding the box model
-
16m 53s
-
- Controlling element spacing
-
14m 29s
-
- Controlling interior spacing
-
10m 50s
-
- Adding borders
-
8m 57s
-
- Defining element size
-
10m 7s
-
- Creating rounded corners
-
6m 58s
-
- Background properties
-
2m 51s
-
- Using background images
-
5m 11s
-
- Controlling image positioning
-
10m 25s
-
-
47m 51s
-
- Using RGB values
-
4m 58s
-
- Using HSL values
-
5m 17s
-
- Working with opacity
-
2m 23s
-
- Using RGBa and HSLa
-
3m 8s
-
- Styling drop shadows
-
5m 38s
-
- CSS gradients
-
6m 32s
-
- Working with color: Lab
-
4m 26s
-
- Working with color: Solution
-
4m 20s
-
1m 58s
-
- Additional resources
-
1m 58s
-
Related Courses
-
CSS: Page Layouts1,748,116 Views
-
CSS for Developers1,118,359 Views
-
XHTML and HTML Essential Training2,978,047 Views
-
CSS: Styling Navigation510,011 Views
-
Making Decisions91,044 Views
-
HTML Essential Training3,927,088 Views
-
JavaScript Essential Training6,813,190 Views
-
PHP with MySQL Essential Training4,340,515 Views
-
CSS: Page Layouts1,748,116 Views



