https://github.com/schultyy/web-kungfu
Learn the web kung fu
https://github.com/schultyy/web-kungfu
Last synced: 5 months ago
JSON representation
Learn the web kung fu
- Host: GitHub
- URL: https://github.com/schultyy/web-kungfu
- Owner: schultyy
- Created: 2014-03-05T12:20:44.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2014-03-05T13:55:05.000Z (over 12 years ago)
- Last Synced: 2025-10-09T03:58:36.044Z (8 months ago)
- Homepage:
- Size: 121 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# web kung fu
## Position a div at bottom
In this case `inner` should be positioned below `outer`
```CSS
.outer {
position: relative;
}
.inner {
position: absolute;
bottom: 0 px;
}
```
## Articles
The `article` tag represents an article which must be self contained. It should be possible to show the article without the surrounding page.
This means, it should include i.e. the header:
```HTML
Yadda yadda
The awesome content here
```
## Absolute positioning
When working with absolute positioning (`position: absolute`), then margin and padding don't have any effect and you can only work with `top`, `bottom`, `left` and `right`.
## Triangles
```CSS
.triangle {
width: 0px;
height: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid white;
}
```