HTML / CSS
This Category contains articles and blogs which have to do with HTML and CSS.
CSS : Color Property The CSS Color property is there to set the color of the text written within this element, in other words it is the fore color. The value in the color property can be: · A color name example: blue: h1 { color: blue } · A hexadecimal number example: #FF0000: h2 { color: #FF0000 } · An RGB value example: (0,255,2): p { color: rgb(0,255,2) }...
Posted On Friday, November 07, 2008 7:36 PM | Feedback (2)
CSS : Padding Property Padding is the space between the element’s content and border. Padding may be defined at once, or according to where you would like it, meaning: padding-top, padding-bottom, padding-right, padding-left. The following is how to declare the padding property for multiple sides: td.allpadding { padding: 25px; } The following is how to declare padding according to where it is needed: td.Leftrightpadding { padding-left: 10px; padding-right: 10px; }...
Posted On Friday, November 07, 2008 7:13 PM | Feedback (0)
CSS: Negative Margins We have already dealt with margins, and how they work. I also mentioned Negative Margins in Part 2 and I promise to deal with them. And here is a short article on examples and reasons why one should use them! Negative margins are used to create effects such as: over-lapping to create 3D effects So how do these Negative Margins work? It works exactly the opposite way the positive values work in margins. The following is an example of making use of these negative margins. CSS:...
Posted On Wednesday, November 05, 2008 6:19 AM | Feedback (0)
Margin Properties Margin properties in CSS has to do with the space around elements. One can tackle all margins at one time by using the following css: p { margin: 2cm 4cm 3cm 4cm } Or else, one can make use of margins seperately in terms of: margin-top margin-bottom margin-left margin-right Margins may also be given negative numbers in order to overlap elements on top of each other. Example: p { margin-bottom: -30px; } Below is a graphic to better explain which part is the margin part. The other...
Posted On Tuesday, November 04, 2008 9:32 AM | Feedback (0)
Display Properties The display property is used in CSS to choose how an element (which can be for example a list item, paragraph, table) will be outputted for the user to see. The most commonly used are: none: the element will not be displayed at all p { display: none; } inline: the element is shown in a line, one after each other, with no modification (no line breaks etc) p { display: inline; } block: the element has a line-break before and after the element. I made use of this several times to...
Posted On Tuesday, November 04, 2008 8:52 AM | Feedback (0)
A:link This is used to modify the style for normal unvisited links. A:link { text-decoration: overline; } A:visited This is used to modify the style for visited links. A:visited { text-decoration: underline; } A:hover This is used to modify the style for hovered links. The link becomes hovered when the mouse moves over the link. A:hover { text-decoration: none; color: green; }...
Posted On Tuesday, October 21, 2008 8:55 PM | Feedback (0)