basiccssguide

lookup mail faqs premades ciao

I honestly think the best way to learn css is to experiment and practice, practice, practice! It's not impossible to teach yourself if you really sit down and get focused. Just remember to have fun, be creative, and don't get frustrated!

style tags

All style sheets begin with these! Your coding goes between the two tags, and your content goes after them.

background color, image, position, repeat, attachment, overflow, cursor

The background is controlled in the body section. Insert a hex code to change the color, or you can make the background an image.

You can make an image repeat, no-repeat, repeat-y (y-axis), repeat-x (x-axis), and position it (top, bottom, center & left, right, center). You can also make it scroll with the page, or have it fixed (it will stay in it's position when you scroll).

Overflow controls what happens if the content goes outside of the page, or "overflows". You can have the overflow hidden completely, or just the components overflow-x and overflow-y. The default for overflow is set to visible, but you can also set it to auto.

The cursor for the whole page goes in this section too. There are a variety of cursors to choose from: default (the normal arrow), crosshair (used on this page), text, wait, n-resize (arrow points north. other directions can be used like s, w, e, se, sw, etc), move, etc.

text color, size, family, text align, line height, b, i, u, strong

The body section is also where you will control how the text looks like for the whole page by changing it's color, size (in px or pt), and family.

You can also set the text to have a certain line height, or how many pixels thick each text line is. Text can also be aligned to the left (default), right, justify (what this page is set to), or center

Bold makes your font thicker, underlined makes your text underlined, italics makes your text slanted, and strong is essentially the same as bold.

links link, visited, active, hover

a:link is the normal link, a:active is the clicked link, a:visited is a link that has been previously visited. a:hover is a link that is moused over, but not clicked on.

The cursor can also be changed for when you mouse over a link (see cursor options above).

borders top, left, right, bottom, width, style, color

Borders can be applied to any text and surround it with an outline. This line can be styled by changing the color, width, and style. You can also set the border to only surround each side (top, bottom, left, right) separately.

The shorthand version of this combines all three of these (color, width, and style) without having to write out each one.

headers styling

Headers are normally bigger than the body text, and are set as a block. You can have h1, h2, h3 and so on, each one belonging to a separate header. As the number increases, the header size gets smaller and smaller.

customization weight, style, decoration, spacing, transform

Going back to b, i, and u, you can negate their effects by using font weight, style or text decoration (making them look like the normal body text).

Text can also be spaced apart by using letter spacing and setting it to a certain pixel spacing between the letters. Transform is used to capitalize all the text (uppercase), make all the text lowercase, or just capitalize the beginning of each word.

useful removal codes

header, footer, and nst clock

userlookup neohome
userlookup shop and gallery
userlookup trophies
userlookup collection
username: (name) ?
userlookup top banner
userlookup user info and neopets headers
userlookup borders
sidebar and white top ad
petpage bottom links and top ad (wont work with wishlists using tables)
petpage bottom links (will work with wishlists using tables)