This link has been bookmarked by 274 people . It was first bookmarked on 02 Mar 2006, by someone privately.
-
04 Dec 12
-
either don't support CSS at all or do so inconsistently.
-
-
02 Dec 12
-
25 Sep 12
-
14 Sep 12
-
30 Aug 12
-
30 May 12
-
25 Oct 11
-
20 Oct 11
-
12 Oct 11
-
27 Jul 11
-
15 Jul 11
-
22 Jun 11
-
14 Jun 11
Charles GnilkaFor style sheets to work, it is important that your markup be free of errors. A convenient way to automatically fix markup errors is to use the HTML Tidy utility. This also tidies the markup making it easier to read and easier to edit. I recommend you reg
-
08 May 11
-
element
-
right
-
-
05 Apr 11
-
09 Feb 11
-
05 Feb 11
-
19 Dec 10
brent lawrenceThis is a short guide to styling your Web pages. It will show you how to use W3C's Cascading Style Sheets language (CSS) as well as alternatives using HTML itself. The route will steer you clear of most of the problems caused by differences between different brands and versions of browsers.
For style sheets to work, it is important that your markup be free of errors. A convenient way to automatically fix markup errors is to use the HTML Tidy utility. This also tidies the markup making it easier to read and easier to edit. I recommend you regularly run Tidy over any markup you are editing. Tidy is very effective at cleaning up markup created by authoring tools with sloppy habits.dave raggett css cascading stylesheets html web design w3.org tutorial guide howto
-
03 Dec 10
-
02 Nov 10
Mel Phillips<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> replace with your document's title </title> <style type="text/css"> body { color: black; background: white; } </style> </head> <bo
-
03 Sep 10
-
31 Aug 10
-
12 Aug 10
-
08 Aug 10
Mare Parker-OToole"<h2 class="subsection">Getting started</h2>
The style rule is then written as:
h2.subsection { margin-top: 8em; margin-bottom: 3em; }
" -
07 Jul 10
-
24 May 10
-
10 May 10
-
07 May 10
-
29 Apr 10
kerrieanneReading: Introduction to CSS coding...I cant believe I'm reading this @11pm! http://bit.ly/9Dj8dX
– Danny J (fbloggersunite) http://twitter.com/fbloggersunite/statuses/13054218890 -
23 Apr 10
-
13 Apr 10
-
25 Mar 10
-
19 Mar 10
-
17 Jan 10
-
15 Jan 10
-
08 Jan 10
-
21 Dec 09
-
04 Dec 09
-
23 Nov 09
-
08 Nov 09
-
04 Nov 09
-
03 Nov 09
-
29 Oct 09
-
03 Oct 09
-
27 Sep 09
Mark SchulzVery useful first document. Good style hints.
webdesign css tutorial html web reference design programming
-
03 Sep 09
-
03 Jul 09
-
08 Jun 09
-
04 May 09
-
07 Apr 09
-
17 Mar 09
-
15 Mar 09
-
07 Feb 09
-
05 Feb 09
-
25 Jan 09
-
21 Jan 09
-
This is a short guide to styling your Web pages. It will show you how to use W3C's Cascading Style Sheets language (CSS) as well as alternatives using HTML itself. The route will steer you clear of most of the problems caused by differences between different brands and versions of browsers.
-
-
25 Nov 08
-
20 Nov 08
-
19 Nov 08
-
16 Nov 08
-
15 Nov 08
-
14 Nov 08
-
29 Oct 08
-
28 Oct 08
-
27 Oct 08
-
24 Oct 08
-
16 Oct 08
-
24 Sep 08
-
19 Sep 08
-
12 Aug 08
-
08 Jul 08
-
27 Apr 08
-
03 Apr 08
-
01 Apr 08
-
25 Mar 08
-
16 Mar 08
-
27 Feb 08
-
14 Nov 07
-
13 Nov 07
-
setting the color of the text and the background
-
The style element is placed within the document hea
-
Each style property starts with the property's name, then a colon and lastly the value for this property. When there is more than one style property in the list, you need to use a semicolon between each of them to delimit one property from the next.
-
the style element must be placed in the document's head along with the title element. It shouldn't be placed within the body.
-
Without an explicit definition for border property some browsers will only paint the background color under each character. The padding property introduces some space between the edges of the colored region and the text it contains.
-
A nice effect is to paint the background of the box with a solid color or with a tiled image
-
add a border around a heading, list, paragraph or a group
-
My third rule is to set the font family on headings, p and ul elements if you intend to set borders or backgrounds on elements such as div
-
My second rule is to set the font family for pre element
-
<p>Blo
-
My first rule is to avoid text at the body level that isn't wrapped in a block level element such as p
-
s.</p>
-
how to set the font and size, and how to add italic, bold and other styles
-
to indent the first line of each paragraph
-
When a heading is followed by a paragraph, the value for margin-bottom for the heading isn't added to the value for margin-top for the paragraph.
-
The rule starts with the tag name, a dot and then the value of the class attribute. Be careful to avoid placing a space before or after the dot. If you do the rule won't work. There are other ways to set the styles for a particular element but the class attribute is the most flexible.
-
What works fine for one browser will be illegible on another!
-
Each rule starts with a tag name followed by a list of style properties bracketed by { and }
-
Points are commonly used in word processing packages
-
em's you can preserve the general look of the Web page independently of the font size. This is much safer than alternatives such as pixels or points, which can cause problems for users who need large fonts to read the text.
-
The em is a very useful unit as it scales with the size of the font
-
One em is the height of the font
-
The "margin-top" property specifies the space above and the "margin-bottom" specifies the space below
-
This example has three style rules. One for the body, one for h1 (used for the most important headings) and one for the rest of the headings (h2, h3, h4, h5 and h6). The margins for the headings are additive to the margins for the body. Negative values are used to move the start of the headings to the left of the margin set for the body.
-
If you place the link element before the style element, you can use the latter to override the style settings in the linked style sheet
-
You can set the left and right margins with the "margin-left" and "margin-right" properties
-
The link tag should be placed within the <head> ... </head> element. Here is an HTML file with a link to an external style sheet:
-
I recommend always adding the semicolon even after the last property.
-
<link type="text/css" rel="stylesheet" href="http://www.w3.org/style.css">
-
to use the same styles for several Web pages it is worth considering using a separate style sheet which you then link from each page
-
class attribute
-
-
31 Oct 07
-
21 Oct 07
-
18 Oct 07
-
10 Oct 07
-
29 Sep 07
-
25 Sep 07
-
15 Sep 07
-
14 Sep 07
-
06 Sep 07
-
21 Jul 07
-
19 Jun 07
-
08 Jun 07
-
31 May 07
-
18 Apr 07
-
17 Apr 07
-
05 Apr 07
-
29 Mar 07
-
21 Mar 07
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.