Differences

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

--- notes:css_cheat_sheet [2026/06/04 22:55]
47.82.8.64 old revision restored (2026/05/31 10:38)
+++ notes:css_cheat_sheet [2026/06/07 18:08] (current)
216.73.217.92 old revision restored (2026/06/07 03:35)
@@ Line 54: / Line 54: @@
   * Text properties examples <code html>
 color: #00ff00/green/rgb(0,255,0) ; text-shadow:blue;
-text-align: center/justify ; text-indent: 1cm;
+text-align: left/right/center/justify ; text-indent: 1cm;
 letter-spacing: 0.5cm/-3px ; line-height: 200%;
 white-space: nowrap ; word-spacing: 30px
@@ Line 67: / Line 67: @@
 font: italic small-caps 900 12px arial
 font: caption/icon/menu/message-box/small-caption/status-bar </code>
 ==== CSS Border/List Properties ====
   * Border properties examples (btlr=bottom/top/left/right. An outline occurs outside of the border. <code html>
@@ Line 97: / Line 98: @@
   * Position properties <code html>
-display: inline/none/block
+display: inline/none/block (lots of others)
-float: btlr</code>
+float: btlr ;
+position: relative(to normal)/absolute(rel to block)
+  /fixed(rel to window, doesn't move)/static(normal) ;
+bottom/top/left/right: +/-100px/width
+vertical-align:top/bottom/text-top/text-bot/sub/super</code>
+  * Visibility properties <code html>
+visibility:visible/hidden/collapse (for table elems)
+clear:left/right/both/none (where floats aren't allowed)
+clip: rect(10px, 5px, 10px, 5px)
+overflow:auto/scroll/visible/hidden
+z-index: 1 (0 is normal) </code>
+==== Advanced CSS ====
+  * Pseudo classes can restrict the selector. a:hover and a:active may have to come after a:link and a:visited. <code html>
+selector.class:pseudo-class {property: value}
+a:link {color: #FF0000}   (unvisited link)
+a:visited {color: #00FF00}  (visited link)
+a:hover {color: blue}  (mouse-over element)
+a:active {color: #0000FF} (selected element)
+a:focus {color: #0000FF} (focused element - not in IE)
+p:first-child {font-weight:bold}
+p > em:first-child { } ; p:first-child em { }
+</code>

DokuWiki

Site Tools

Differences

Page Tools