Mindmap

CSS Basics

Milán Bakó Deutsch

Inhalt der Mindmap

CSS Basics

Syntax
- <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
Selectors
- .class : Selects all elements with class name
- #id : Selects the element with id
- * : Selects all elements
Colors
- style="background-color:_____;"
- style="color:___;"
- style="border:2px solid ____;"
Backgrounds
- background-color
- background-image: url("___")
- background-repeat
  - no-repeat
  - repeat-x/y
- background-position
- background-attachment: fixed/scroll/local
Border
- color
- style
  - hidden
  - dotted
  - dashed
  - solid
  - double
- width
- radius
- length
Margin
- auto
- inherit
- collapse
- outside of boders
Padding
- inside of borders
Height/width
- auto
- length
- %
- initial
- inherit
- max/min
Links
- a:link - a normal, unvisited link
- a:visited - a link the user has visited
- a:hover - a link when the user mouses over it
- a:active - a link the moment it is clicked
Lists
- list-style : Sets all the properties for a list in one declaration
- list-style-image : Specifies an image as the list-item marker
- list-style-position : Specifies the position of the list-item markers (bullet points)
- list-style-type : Specifies the type of list-item marker