6
CSS Links
Posted in CSS Tutorials by kdwhd
CSS Links
A link has four different states that it can be in. CSS allows you to customize each state.
link – this is a link that has not been used, nor is a mouse pointer hovering over it
visited – this is a link that has been used before, but has no mouse on it
hover – this is a link currently
more
6
CSS Background Properties
Posted in CSS Tutorials by kdwhd
CSS Background Properties
Before the introduction of styles to HTML, you could only add background images to the whole Web page, a table or table data cell. Now, not only can you easily add backgrounds to almost any element, you also have control on the positioning of the backgrounds, if the background image is to repeat, and even the direction
more
6
CSS Font Properties
Posted in CSS Tutorials by kdwhd
Screen Resolution
CSS Font Properties define the font family, boldness, size, and the style of a text. You can change the text size, color, style, and more.
Font Family
Practically every personal computer has a set of fonts installed. These fonts are the default fonts for the operating system. Different operating systems can have very different sets of fonts installed.
more
6
CSS Text Properties
Posted in CSS Tutorials by kdwhd
Css Text Properties
While CSS Font Properties covers most of the traditional ways to format your text, CSS Text Properties allows you to control the spacing, decoration, and alignment of your text.
The style sheet code:
1
2
3
.heading { text-align: center; text-transform: uppercase; color: #8493cb; }
.paragraph { text-indent: 12px; text-align: justify; line-height: 16px; }
a { text-decoration: none; color: #990000; }
The HTML code:
1
2
<h1 class=&
more
6
CSS Vertical Align
Posted in CSS Tutorials by kdwhd
CSS Vertical Align
The vertical-align property sets the vertical alignment of an element. This is especially useful when working with tables. Since by default table cells align everything to the middle, if your content in one of the columns runs shorter than the other columns, you can align everything to the top!
1
2
3
td.top { vertical-align: top; }
td.middle { vertical-align: middle; }
more





Follow Us