Differences

This shows you the differences between two versions of the page.

--- notes:css_cheat_sheet [2008/08/20 23:11]
smthng
+++ notes:css_cheat_sheet [2008/08/21 00:18] (current)
smthng
@@ Line 70: / Line 70: @@
 ==== CSS Border/List Properties ====
   * Border properties examples (btlr=bottom/top/left/right. An outline occurs outside of the border. <code html>
-border-style: medium/solid/double/groove/dotted/dashed/inset/outset;
+border-style: medium/solid/double/groove/dotted/
+  dashed/inset/outset;
 border-btlr: width style color ; border-btlr-style
 border-width:5px ; border-btlr-width: thick
@@ Line 123: / Line 124: @@
 p > em:first-child { } ; p:first-child em { }
 </code>
+  * Pseudo elements are dynamic elements <code html>
+p:first-letter {} ; p:first-line {} ;
+h1:before {} ; h1:after {} ;</code>
+  * @media allows different styles for different media. Media examples include screen, print, handheld, projection, tty, tv, aural, braille. <code html> @media screen,print { p {color:blue} }</code>
+  * Misc Properties <code html>
+opacity:0.4; (for firefox)
+filter:alpha(opacity=40) (for IE)
+onmouseover="this.style.opacity=1;
+  this.filters.alpha.opacity=100"
+onmouseout="this.style.opacity=0.4;
+  this.filters.alpha.opacity=40"
+cursor:deflt/cursor/pointer/move/wait/help/text/crosshair</code>