TUTORIALS
• You do not have to leave credit but it would be greatly appreciated if you did.
• Make sure you have a basic understanding of HTML/CSS so that you can properly use these tutorials.
CSS "ELEMENTS"
"Elements" is what I say to define the "attributes" or "properties" in CSS coding. There are many types but I'll only go over a few.Well first of all, you'll start with <style></style> tags. If you're making a layout or a website or anything like that, you'll want to have "body" element so that you can change the main background or body.
Inside the brackets you can add minor elements like background color or even a background image. Below is a list of some minor background elements in the "body" element.
That's the basic stuff. More elements are below. WAIT!! : Before you put it any elements make sure you are a defining a section or div class and that the elements go inside brackets - { } - so change DIVNAME to the div section your defining or replace it with whatever you are defining. Also, you don't always need the period before the DIVNAME but I usually use it.
^And remember this all goes in between <style></style> tags.
FONT/TEXT "ELEMENTS"
Font color element. Change the CC0000 to whatever hex color code you want.Font size element. Change the 25 to whatever number you want.
Font type element. Change Times New Roman to whatever font you want to be displayed.
Font weight element. Change bold to whatever weight you want your font to have.
Font style element. Change italic to whatever style you want.
Text transform element. Change lowercase to whatever transformation you want the text to have. (i.e. uppercase)
Text decoration element. Change underline to whatever decoration you want the text to have. (i.e. overline)
Text align element. Change left to either left, right, or center.
POSITIONING "ELEMENTS"
Absoulte positioning element. Uses "top", "left", "right", and/or "bottom" elements to position. Change ### to your own measurements.Relative positioning element. Uses "left", "top", "right", and/or "bottom" elements to position. This positions the object relative to it's original/normal position. Change ### to your measurements.
Fixed positioning element. Uses "left", "top", "right", and/or "bottom" elements to position. This positions the object relative to it's browser window. Change ### to your own measurements.
Static positioning element. Does not respond to any "left", "top", "right", or "bottom" elements. This positions the object so that it is positioned to the normal flow of a page it gives.
BORDER "ELEMENTS"
Border width element. Change ### to your own measurements.Border style element. Change solid to whatever style you want your border to have.
Border color element. Change 000000 to whatever hex code color you want.