My CSS Cheat Sheet – My memo Wall

A Good Button Maker

http://css-tricks.com/examples/ButtonMaker/#

Good Table CSS Generator

http://www.csstablegenerator.com/

Adjacent sibling combinator

An adjacent sibling combinator selector allows you to select an element that is directly after another specific element.

Example: div + p will select the paragraph right after div

#title + ul will select the list under id title.

Child Combinator

ul li will select all list item under an ul, even if it is included after several levels

ul >li will select only the first level of inclusion

Draw a verticle line down on the left hand border

.verticalLine { border-left: thick solid #ff0000; }

Target IE

selector {
property: value; /* all browsers */
property: value\9; /* < IE9 */
*property: value; /* < IE8 */
_property: value; /* < IE7 */
}

Print Landscape:

@media print{@page {size: landscape}}

or rotate content 90 degrees

`<style type="text/css" media="print"> .page { -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } </style> link to good print css article: http://www.smashingmagazine.com/2013/03/08/tips-and-tricks-for-print-style-sheets/ link to css dimensions: http://css-tricks.com/the-lengths-of-css/`

`o align vertically:`

.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
see link: http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/