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 (3) | 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

Do What Is Right

By
nana
on June 26, 2008 5:21 PM | | Comments (0) | TrackBacks (0)
Hmm, I should do what is right.
Other people cant follow, is their problem.

I shouldn't be affected by those scary markup other people have done.
I should do it my way that is keep the markup as clean and lean as possible ^^

Definition List

By
nana
on May 19, 2008 1:05 AM | | Comments (0) | TrackBacks (0)
Hmm... I've used CSS for sometimes (less than 6 months)
and I realised Definition List is so useful...

Hmm.. I should study more and more!!! CSS!!!!!!!!!!!

Stop

By
nana
on May 2, 2008 5:43 PM | | Comments (0) | TrackBacks (0)
Hmm... Recently have spent a lot in buying clothes.

Is time to stop.
I don't think woman can stop that.
Plus, the annual sales just started...

Hot

By
nana
on April 27, 2008 11:38 PM | | Comments (0) | TrackBacks (0)
Today is so hot. But today is my chinese birthday.

I ate vegetarian the whole day.
I had lunch with sisters in an expensive vegetarian restaurant.
Is worth, cos the food is so delicious.

The weather is still very hot =.="
I want to put myself inside the fridge...

Tired

By
nana
on April 26, 2008 1:21 AM | | Comments (0) | TrackBacks (0)
Hmm... I' m just tired.

1. work
2. buying some new clothes
3. getting a Miu Miu bag
4. lose weight
Archives