Skip to content

added a bunch of cool stuff people should know about #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
tbanik wants to merge 1 commit into from
Closed

added a bunch of cool stuff people should know about #7

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 34 additions & 10 deletions readme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,19 +2,21 @@
A quick go to guide for CSS goodness. Checkout the [pretty version](http://adam-marsden.co.uk/css-cheat-sheet).

## Contributing
If you have a bug to report about the [pretty CSS Cheat Sheet](http://adam-marsden.co.uk/css-cheat-sheet) or something to add onto the CSS Cheat Sheet follow the [contribution guidelines](https://github.com/AdamMarsden/css-cheat-sheet/blob/master/CONTRIBUTING.md).
If you have a bug to report about the [pretty CSS Cheat Sheet](http://adam-marsden.co.uk/css-cheat-sheet) or something to add onto the CSS Cheat Sheet follow the [contribution guidelines](CONTRIBUTING.md).

## CSSCS Nav

* [Selectors](https://github.com/AdamMarsden/css-cheat-sheet#selectors)
* [Pseudo Selectors](https://github.com/AdamMarsden/css-cheat-sheet#pseudo-selectors)
* [Font Styling](https://github.com/AdamMarsden/css-cheat-sheet#font-styling)
* [Position](https://github.com/AdamMarsden/css-cheat-sheet#position)
* [Background](https://github.com/AdamMarsden/css-cheat-sheet#background)
* [Box properties](https://github.com/AdamMarsden/css-cheat-sheet#box-properties)
* [List Styling](https://github.com/AdamMarsden/css-cheat-sheet#list-styling)
* [Flexbox](https://github.com/AdamMarsden/css-cheat-sheet#flexbox)
* [CSS Grid](https://github.com/AdamMarsden/css-cheat-sheet#css-grid)
* [Selectors](#selectors)
* [Pseudo Selectors](#pseudo-selectors)
* [Pseudo Elements](#pseudo-elements)
* [Font Styling](#font-styling)
* [Position](#position)
* [Background](#background)
* [Box properties](#box-properties)
* [List Styling](#list-styling)
* [Flexbox](#flexbox)
* [CSS Grid](#css-grid)
* [Dynamic Content](#dynamic-content)


### Selectors
Expand Down Expand Up @@ -57,6 +59,8 @@ First Child Selector `p:first-child {}`

Last Child Selector `p:last-child {}`

Only Child Selector `p:only-child {}`

:nth-child Selector `p:nth-child() {}`

First Element of its Parent Selector `p:first-of-type {}`
Expand All @@ -71,6 +75,12 @@ Elements that have no Children Selector (including text nodes) `p:empty {}`

Not a Specified Element Selector `:not(p) {}`

### Pseudo Elements

Before Element `.class::before {}`

After Element `.class::before {}`

### Font Styling

Font style `font-style: normal | italic | oblique`
Expand Down Expand Up @@ -209,6 +219,20 @@ Justify Self `justify-self: start | end | center | stretch`

Align Self `align-self: start | end | center | stretch`

### Dynamic Content

Variable Definition `--variable-name: value`

Variable Usage `var(--variable-name)`

Counter Definition `counter-reset: name-of-counter`

Counter Increment `counter-increment: name-of-counter`

Counter Dynamic Value `content: counter(name-of-counter)`

Attribute Dynamic Value `content: attr(name-of-attribute)`

## Credits

Built & Maintained by [Adam Marsden](https://twitter.com/AdamMarsdenUK)
Expand Down