CSS Resources |
||
Quick Jump: CSS Resources | How-To / Code Examples | Classes & Styles | A Tag | IMG Tag | ||
Tags shown on this page are taken from Dr. Baehr's 3368 CSS Handout along with other tags I have provided. | ||
Links to other websites and Example links from this site will open in a new window. |
||
WebReference.com
Experts, sitemap, references, services, code tools, etc. |
||
WebDeveloper.com
WebDeveloper.com ®: Where Web Developers and Designers Learn How to Build Web Sites, Program in Java and JavaScript, and More! |
||
WebMonkey.com How to and Quick Reference Libraries, and Discussions |
||
Web Developers Virtual Library Encyclopedia of Web Design Tutorials, Articles and Discussions |
||
Designing CSS Web Pages This book is a valuable reference for those interested in learning CSS. The author is a list mom for Babble a mailing list community for web design. |
||
Cascading Style Sheets: A Beginner's Guide This book is a valuable reference for those interested in learning CSS. Free code from this title and others by the same publisher are available online. |
||
How to Use HTML and
XHTML: Visually in Full Color |
How-To / Code Examples |
||
First, CSS stands for Cascading Style Sheets. CSS' are great because they can take a lot of work out of the coding.
Many repetitive tags can be assigned attributes in the CSS file which will save you coding in your HTML file. I'll show
you some attributes below, along with some examples to explain what I mean.
There are three types of style sheets: external, embedded, and inline. External style sheets override embedded style sheets and inline styles override both external and embedded style sheets.
| ||
Classes & Styles |
||
|
||
CSS code is made up of:
Together, selectors, properties, and values make up a rule. Rules look like this: selector { property: value} Rules are what tell how the element will be affected. |
||
Elements such as Paragraph Tags, Header Tags, and Div Tags may be used as selectors and given declarations.
Some of the declarations are as follows:
{background-color: #FFFF80}
{background-color: url("trees.gif")}
{border: thick dotted blue}
{color: blue}
{font-family: "Arial"}
{font-size: 200%}
{font-style: italic}
{font-weight: bold}
{margin-left: 20px}
{padding: 15px}
{text-align: center}
{text-decoration: underline}
{text-indent: 25px}
{text-transform: uppercase}
|
||
A Tag |
||
|
||
The A tag, or anchor tag, affects how a link is displayed on the webpage.
|
||
IMG Tag |
||
|
||
{vertical-align:baseline} Other values you may use include: baseline, text-top, text-bottom, middle, top, bottom
{width: 300px; height: 200px; float: left/right} |