nana: July 2008 Archives

Simple Note 4 (Useful tags)

By
nana
on July 30, 2008 5:24 PM | | Comments (0) | TrackBacks (0)
Element:      abbr
Attributes:     | class | id | title | xml:lang |

Element:      acronym
Attributes:     | class | id | title | xml:lang |

<p>
     <abbr title="World Wide Web">WWW</abbr>
     <abbr title="Abbreviation">abbr.</abbr>
</p>
<p>
     <acronym>radar</acronym>
</p>

Element:      address
Attributes:     | class | id | title | xml:lang |

Element:      blockquote
Attributes:     | cite | class | id | title | xml:lang |

<blockquote cite="http://www.mycom.com/tolkien/twotowers.html">
     <p>They went in single file, running like hounds on a strong scent, and an eager light was in their eyes. Nearly due west the broad swath of the

marching Orcs tramped its ugly slot; the sweet grass of Rohan had been bruised and blackened as they passed.</p>
</blockquote>

Element:      cite
Attributes:     | class | id | title | xml:lang |

Element:      em
Attributes:     | class | id | title | xml:lang |

Element:      q
Attributes:     | cite | class | id | title | xml:lang |

<div>  As
     <cite>Harry S. Truman</cite> said,
     <q>The buck stops here.</q>
</div>
<div> More information can be found in
     <cite>[ISO-0000]</cite>.
</div>
<div> Please refer to the
     <em>following reference number</em> in future correspondence:
     <strong>1-234-55</strong>
</div>

source: click me

Simple Note 3 (font)

By
nana
on July 29, 2008 10:36 AM | | Comments (0) | TrackBacks (0)
<family-name>
The name of a font family of choice. In the last example, "Gill" and "Helvetica" are font families.
<generic-family>
In the example above, the last value is a generic family name. The following generic families are defined:
  • 'serif' (e.g. Times)
  • 'sans-serif' (e.g. Helvetica)
  • 'cursive' (e.g. Zapf-Chancery)
  • 'fantasy' (e.g. Western)
  • 'monospace' (e.g. Courier)

Style sheet designers are encouraged to offer a generic font family as a last alternative. Generic font family names are keywords and must NOT be quoted.

If an unquoted font family name contains parentheses, brackets, and/or braces, they must still be escaped per CSS grammar rules. Similarly, quotation marks (both single and double), semicolons, exclamation marks, commas, and leading slashes within unquoted font family names must be escaped. Font names containing any such characters or whitespace should be quoted: 

body { font-family: "New Century Schoolbook", serif }
<BODY STYLE="font-family: 'My own font', fantasy">
source: click me

Simple Note 2 (shorthand CSS)

By
nana
on July 22, 2008 6:20 PM | | Comments (4) | TrackBacks (0) 
No. 1
-----
body {
  font-weight: bold;
  font-style: italic;
  font-size: 83%;
  line-height: 140%;
  font-family: verdana, arial, sans-serif;
}

body {
  font: bold italic 83%/140% verdana, arial, sans-serif;
}

No. 2
-----
#element {
  margin-top: 1em;
  margin-right: 0.5em;
  margin-bottom: 1em;
  margin-left: 0.5em;
  padding-top: 1em;
  padding-right: 0.5em;
  padding-bottom: 0.75em;
  padding-left: 1.5em;
}

#element {
  margin: 1em 0.5em;
  padding: 1em 0.5em 0.75em 1.5em;
}

No. 3
-----
#element {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #000;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #000;
}

#element {
  border: 1px solid #000;
}

but with different width...

#element {
  border: 1px solid #000;
  border-width: 1px 2px 3px 1px;
}

different styles and colours

#element {
  border-width: 1px 2px 3px 1px;
  border-style: solid dashed dotted ridge;
  border-color: #000 #666EFF #CC3300 #00CC33;
}

No. 4
-----
#element {
  background-color: #000;
  background-image: url(myImage.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

#element {
  background: #000 url(myImage.jpg) top left no-repeat;
}

Information from: Tyssen Design

Simple Note 1

By
nana
on July 17, 2008 12:44 PM | | Comments (0) | TrackBacks (0)
CSS specifies five so-called generic fonts which are guaranteed to exist in all browsers: serif , sans-serif , monospace , cursive  and fantasy.

CSS supports 16 color names: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow, white.

CSS supports the hexadecimal notation ("#FF0000" and "#F00") and also some other notations that may be easier to use. The following two rules both set the color of h1 elements to brown (50% red, 50% green, 0% blue):

H1 {color: #808000}
H1 {color: rgb(50%,50%,0%)}

http://www.w3.org/WAI/GL/css2em.htm

Some Fixed Width Advice:
Place your fixed width content on the left hand side of the page so on a typical site 640×480 pixel monitor users won't have to side scroll to read the site's primary content.

Structure Of A Blogpost

By
nana
on July 3, 2008 5:28 PM | | Comments (0) | TrackBacks (0)
I like to read CSS's blogs...
And from someone comment,
I saw this:

Structure:
  • I got a problem
  • I got a solution
  • This is why the solution rocks
  • It doesn't work in IE
  • IE .... please die :)
Is true... Hahaha
« nana: June 2008 | Main Index | Archives | nana: October 2008 »