HTML and CSS Reference
In-Depth Information
ce” again—and the <p> element should include a simple paragraph to introduce
our conference.
Click here to view code image
1. <body>
2. <h1>Styles Conference</h1>
3. <p>Every year the brightest web designers and front-end
developers descend on Chicago to discuss the latest
technologies. Join us this August!</p>
4. </body>
5. Now it's time to see how we've done! Let's go find our index.html file (mine
is within the “styles-conference” folder on my Desktop). Double-clicking this file
or dragging it into a web browser will open it for us to review. It should look like
Figure 1.4 .
Figure 1.4 Our first steps into building our Styles Conference website
Let's switch gears a bit, moving away from HTML, and take a look at CSS. Remember,
HTML will define the content and structure of our web pages, while CSS will define the
visual style and appearance of our web pages.
Understanding Common CSS Terms
In addition to HTML terms, there are a few common CSS terms you will want to familiar-
ize yourself with. These terms include selectors , properties , and values . As with the HTML
terminology, the more you work with CSS, the more these terms will become second
nature.
Selectors
As elements are added to a web page, they may be styled using CSS. A selector designates
exactly which element or elements within our HTML to target and apply styles (such as
color, size, and position) to. Selectors may include a combination of different qualifiers to
select unique elements, all depending on how specific we wish to be. For example, we may
want to select every paragraph on a page, or we may want to select only one specific para-
graph on a page.
Search WWH ::




Custom Search