Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
very basic css cheat sheet
/* selector syntax */
tag { ... }
.class { ... }
#id { ... }
nested selector { ... }
.multiple.class.selector { ... }
/* backgrounds */
selector {
background-color: #fe4322;
background-image: url("...");
background-position: left top;
background-repeat: no-repeat;
/* shorthand - all properties declared at once */
background: #fe4322 url("...") left top no-repeat;
}
/* fonts */
selector {
font-family: helvetica, arial, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
/* shorthand - all properties declared at once */
font: 16px bold italic helvetica, arial, sans-serif;
}
/* text */
selector {
color: #34a68b;
text-align: center;
text-indent: 40px;
text-decoration: underline;
text-transform: uppercase;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment