 Pseudo-elements  Centering  Tables  Classes and ids

 Characteristics of tags that can have their own attributes  In CSS: tag:pseudo-element  In HTML: not visible  Examples: › a: hover, a:visited › p:first-line, p:first-letter › :before, :after  w3schools w3schools

 Generally margin-left: auto; margin-right: auto;  Images: need to add display: block;

 Need to format the parts  Borders  Centering tables vs. text

 HTML: class=“name”  Names may define format OR content › Either works  CAN apply multiple classes to the same tag  Multiple ways to define › Style that applies to many elements › Style that applies to only one element › Style that only applies in certain contexts

 HTML: class=“name”  CSS:.name  Particularly useful for color, font info, …

 Can define it for a specific selector  Useful if you want to group attributes but slightly different  HTML: class=“name”  CSS: tag.name

 Only applies within context › Avoids putting class= everywhere!  Useful for, › Define tr and td within a table class › Define links only within a list class › Define any formatting within a div  HTML: class=“name” only for encompassing  CSS: tag.name tag