VoyForums: Css Checklist

we're attempting to gather a convenient list of various CSS Codes.
You've probably seen excellent CSS scattered throughout the internet.
But, this Cheat Sheet will now provide an easier quick reference. (note: There are roughly 10 primary CSS sequences.
while most additional examples are less frequently used.
Sometimes, they can have adverse effects [too tacky, etc.].
or, barely noticeable at all.
Also,Many codes are not inter-compatible [they cannot be used together].

cheatsheet:
**(the 10 primary examples)** --------------------------------------------- { background-color: #ffffff; color: #000000; font-family:arial; font-weight:normal; text-decoration:underline; border:solid #224F58 1px; border-radius:4px; width:90%; padding:2px; font-size:16px; text-align:justify; } ----------------------------------------------- ----------------------------------------------- { background-image: url(http://URL_Here); /* notice, the above url has no "Parenthesis" */ font-size: 107%; font-weight:bold; text-align:center; text-align:left; text-align:right; font-style:italic; background:url("..img/folder name/image.png"); background-image: url("my_images.gif"); /* should the parenthesis be removed? */ width:1020px; (creates a fixed position) height:80px; (for a definitive amount of height, regardless of content) border-top: thick double #ff0000; border-bottom: 3px dashed lightblue; border-top: dotted #ff0000; border-bottom: 1px dashed #ADD8E6; border-style: dotted; border-style: dashed; border-style: solid; border-style: double; border-style: groove; border-style: ridge; border-style: inset; border-style: outset; border-style: hidden; border-style: solid; border-top-color: #ff0000; border-top-left-radius: 1em; border-top-right-radius: 2em; border-top-style: none; border-top-style: dotted; border-top-style: dashed; border-top-style: solid; border-top-style: double; border-top-style: groove; border-top-style: ridge; border-top-style: inset; border-top-style: outset; border-bottom: blue 1px solid; border-bottom-style: solid; border-top: solid 1px #000000; border-left: solid 1px LightGray; border-bottom: solid 1px red; border-right: ridge 1px yellow; border-right: 1px solid#fff; text-shadow: 1px #7CACDE; box-shadow:inset 1px #bee2f9; text-shadow:1px 3px 0px 3px #ffffff; border-radius:5px 3px 8px 5px; box-shadow:inset 0px 1px 0px 0px #ffffff; float: left; width: 600px; height: 20%; display:inline-block; display: inline; display: block; position:relative; top:1px; height:16px; line-height:16px; line-height: 1.3em; border-style: solid; border-top-width: 15px; spacing:100px; border:1px solid black; border-top:0px; border-bottom:0px; border:1px solid black; border-top:0px; border-bottom:0px; border-right:1px; height: 1.4em; width: 1.7em }
more examples: ----------- text-decoration: underline; text-decoration: line-through; text-decoration: overline; box-shadow:10px 10px; box-shadow: 0 0 10px gray; box-shadow: inset 0 0 10px; box-shadow: inset 5px 5px 10px; box-shadow: -5px -5px 10px brown; bottom: 10px; border-collapse:collapse; border-width:2px thin; border-top-color:#496DB6; border-left-color:#496DB6; border-right-color:#002164; border-bottom-color:#002164; - - - - - - - - - - - - - - letter-spacing:15px; word-spacing:6px; line-height:25px; letter-spacing:0.5em; word-spacing:0.4em; line-height:0.8em; text-indent:0.4em; padding:1.5em; - - - - - - - - - - - - - - margin: 2px; border-width: 1px; margin-left: 2px; margin-top: 80px; margin-right: 45px; margin-bottom: -5px; font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-varient: small-caps; font-family: verdana,serif margin: 10px 30px 10px 30px; padding: 10% 3; margin-bottom: 10px; margin: 0 auto; position: relative; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 30%; height: 100px; margin: auto; float: left; bottom:2px; margin-right: auto; min-height: 12em; display: table-cell; vertical-align: middle; width:7em;height:5em; box-shadow: 10px 10px 5px #888888; (creates the BEST shadow effect- from W3Schools.com) ***************** margin-left: 2cm; (***similar to starting a new paragraph***) *****************
------------------------------------- .....yet, more examples of random CSS lines... -------------------------------------- margin-top:20px; margin-bottom:30px; margin-right:10px; margin-left:10px; background-position: 60px 15px; background-position: right bottom; background-attachment: fixed; background-repeat: no-repeat; background-repeat: repeat; _________________ _________________ -moz-border-radius:13px; /* mozilla */ -webkit-border-radius:13px; -webkit-box-shadow:inset 1px #bee2f9; -moz-box-shadow:inset 1px #bee2f9; -webkit-columns: 100px 3; /* Chrome, Safari, Opera */ -moz-columns: 100px 3; /* Firefox */ (some examples are specifically designed for Mozilla browser) (learn more from other websites). ( I prefer to omit this feature, though). ___________________ ___________________ columns: 100px 3; (for IE10 only?) background: #d0e1ef; (same as background-color) ------------- (for picture transparency) opacity:0.7; padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 0px; text-shadow: 0 2px 1px rgba(255,255,255,0.9); box-shadow: 0px 0px 10px rgba(200,88,40,0.3);

Title Of Link

here's the CSS code which is being used for this webpage:
<style type="text/css"> a{ background-color: transparent; color: #330066; font-family:sans-serif; font-weight:normal; text-decoration:none; border:solid #224F58 0px; border-radius:4px; font-size:16px; padding:2px; border-top: dotted #ff0000; border-bottom: 3px dashed lightblue; border-right: solid 1px red; } a:hover { background-color: #d0e4fe; color: #000000; font-family:arial; font-weight:bold; text-decoration:underline; border:solid #224F58 1px; border-radius:4px; border-bottom: solid 1px red; } </style>