Web Development: Unraveling HTML, CSS, and JavaScript/

...

/

Adjusting Text

Adjusting Text

In this lesson, we'll learn how to adjust text.

We'll cover the following...

To emphasize textual information in the fish catalog table, the name column should be stronger than the description column.

Styling column text

You have a few ways to style columns.

First, you can assign a class to columns defined for the table. If you open the index.html file, you can see that the table definition contains a <colgroup> definition:

Press + to interact
<table class="fish-table">
    <!-- … -->
    <colgroup>
      <col class="image" />
      <col class="name" />
      <col class="desrc" />
    </colgroup>
    <!-- … -->
</table>

Each <col> definition has an associated class that can be set to define column-specific style attributes.

For example, to define the style for the Name column, add property declarations to the .name rule.

Unfortunately, you can specify only properties that belong to the column ...