learned some new stuff this in Web Standards

CSS Selectors. IDs and Class—Are used to define styles on a web page.
ID and Class selectors allow you to apply more targeted styling than just with HTML alone. CSS Selectors Apply styling to unique elements, HTML selectors help define the overall look of a web page page. An ID is unique, there can only be one on a page
The Class selector can be used for multiple elements, or one element can have multiple classes applied to it.
A best practice for naming IDs and Classes is to name elements by their purpose or location structurally not by their appearance. The structure of a document should remain constant but you might changes style. If you name them for what purpose they serve you won’t have to try to figure out what’s what later when you add on to your site or you make style changes like colors and fonts.

Pseudo Classes and Love/HAte
A link has four different states that it can be in
•    link – this is a link that has not been used, nor is a mouse pointer hovering over it
•    visited – this is a link that has been used before, but has no mouse on it
•    hover – this is a link currently has a mouse pointer hovering over it/on it
•    active – this is a link that is in the process of being clicked
The “pseudo class” defines how the HTML element should appear, depending on which state it is in. Below is an CSS example of changing the “link”, “visited”, and “hover” state. The order defines the function, and the proper ordering will make it a functioning CSS link.
a:link { color: red; }
a:visited { color: red; }
a:hover { color: blue; }
Pseudo class associated with each state must be used in this order:
a:link
a:visited
a:hover
a:active
For example:
 a:hover must come after a:link and a:visited for it to be effective
 a:active must come after a:hover in the CSS definition order to be effective.

Microformats are simple conventions (known as entities) used on web pages to describe a specific type of information —for example, a review, an event, a product, a business, or a person. Each entity has its own properties. For example, a Person has the properties name, address, job title, company, and email address.
In general, microformats use the class attribute in HTML tags (often <span> or <div>) to assign brief and descriptive names to entities and their properties.

Microformats provide additional meaning to the content in HTML. These small bits of code appear to assist browsers in delivering information and providing information to other applications like calendars, personal information and directory information.

Leave a Reply

Your email address will not be published.