4th lecture
CSS
Selectors
- text text
- text text
- text text
- text text
-
text text
- text text
Colors
- color: red
- color: rgb(255, 0 ,0)
- color: #ff0000
- color: rgba(255, 0, 0, 0.5)
Text
- font-size: 12px
- font-size: 1em
- font-size: 1.5em
- text-align: left
- text-align: center
- text-align: right
- text-decoration: none
- text-decoration: overline
- text-decoration: underline
- text-decoration: line-through
- text-transform: uppercase
- text-transform: lowercase
- text-transform: capitalize
- text-indent: 50px Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pretium ipsum nec quam tempus pulvinar. Fusce quis ligula ac eros convallis tincidunt sagittis vel metus. Vestibulum vel tortor libero. Donec sed dapibus erat. Fusce ultrices, mi a faucibus vulputate, odio nulla consectetur nibh, id varius leo mauris consectetur lacus. Ut eu lacus mauris. Phasellus turpis sem, porta vitae felis sed, auctor egestas nisi. Nam feugiat lorem non eleifend auctor. Aenean fringilla, ante eu ultrices commodo, velit odio tincidunt leo, quis lobortis nibh quam ut mauris.
- font-family: serif
- font-family: sans-serif
- font-family: monospace
- font-family: Arial, 'Times New Roman'
- font-style: normal
- font-style: italic
- font-weight: normal
- font-weight: bold
Lists
- text text
- list-style-type: circle
Elements hiding
- text před display:none
- display:none
- text po display:none
- text před visibility:hidden
- visibility:hidden
- text po visibility:hidden
Borders
- border: 1px solid red
- border: 3px dotted blue
- border: 5px dotted orange
Box model
box 200px
box 200px s box-sizing: border-box;