HTML benötigt man für inhalt und Struktur einer Webseite.
CSS benötigt man für Layout und Formatierung einer Webseite
CSS-Code besteht aus Regeln. Eine Regel besteht aus einem Selektor und einem Deklarationsblock. Ein Deklarationsblock besteht aus Deklarationen und ist durch geschwungene Klammern eingeschlossen. Eine Deklaration besteht aus Eigenschaft und Wert, die durch einen Doppelpunkt voneinander getrennt werden und von einem Strichpunkt abgeschlossen werden.
Hier geht es zur Website des ORF
Bilder
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum mollis tortor at imperdiet. Vivamus quis faucibus ligula. Praesent eget dui felis. Vestibulum cursus orci in ligula rutrum lacinia. Nam cursus ex ac ipsum eleifend placerat. Donec sagittis nisl vitae enim hendrerit consectetur. Vestibulum at sapien in urna vulputate placerat eget ut ante. Aliquam vel maximus erat, quis pharetra lorem. Etiam sed venenatis lacus, at pulvinar magna. Etiam mollis nisi vel commodo luctus. Integer vestibulum ultrices odio quis gravida. Quisque ac porttitor orci. Sed efficitur velit feugiat, malesuada ante quis, sollicitudin nisl. Curabitur neque enim, pretium ac sem eget, dictum eleifend mauris. Cras hendrerit justo placerat, lacinia libero nec, suscipit libero. Integer fermentum varius massa, sed aliquam tortor elementum congue. Praesent at placerat velit. Donec pellentesque ex massa, blandit pulvinar quam viverra egestas. Sed lobortis sit amet enim nec molestie. Vivamus luctus mauris velit, eu ullamcorper neque bibendum varius. Integer malesuada diam a congue semper. Nunc a ante elit. Quisque et feugiat nisi. Sed sit amet ligula non ligula luctus suscipit. Integer vehicula ligula nunc, sit amet maximus tellus hendrerit ac. Aliquam eget scelerisque lacus, vitae tincidunt sapien. Maecenas posuere aliquam consectetur. Cras efficitur pellentesque velit sit amet venenatis. Sed vel neque lectus. Suspendisse vestibulum diam lorem, a imperdiet purus efficitur eu. Vestibulum nec arcu et elit elementum lobortis a sed mi. Ut at fringilla sapien, quis feugiat nisi. Donec in semper velit. Etiam faucibus fermentum mauris, eu vulputate magna viverra sed. Integer nec luctus leo. Donec eget ipsum nec ligula feugiat eleifend. Ut interdum vel quam non ultrices. Nullam interdum et odio nec ultrices. Nulla justo lorem, fermentum eget placerat id, pulvinar ut odio. Nulla posuere euismod dolor, vitae sagittis augue rhoncus id. Duis in imperdiet quam. Vivamus lacinia lacus nisi, at convallis turpis rutrum sit amet. Ut tortor nulla, tristique ut tellus nec, sagittis blandit augue. Mauris accumsan a sem eu tempus. Nulla id mauris dui. Morbi viverra magna efficitur nisi imperdiet dictum. Nunc ut bibendum mauris, mattis rutrum nisi. Proin mi justo, convallis in urna eget, sollicitudin aliquet enim. Curabitur nec congue velit. Duis in diam nec sem consectetur elementum. Nam turpis sem, lobortis sed risus vel, molestie feugiat orci. Quisque fermentum sodales nulla, ac porttitor ante ultrices ut. Praesent et erat tincidunt, pulvinar nibh quis, elementum lorem. Fusce a feugiat elit, in congue sem. Duis quis dapibus ex, vel sagittis nunc. Etiam nibh felis, sollicitudin non tristique vitae, iaculis nec nisl. Phasellus tempus elementum faucibus. Morbi suscipit feugiat vestibulum. Donec eget dui sed eros dapibus eleifend. Vivamus gravida pretium enim ut iaculis. Vestibulum lacinia justo a malesuada hendrerit. Pellentesque a orci sollicitudin, tempor neque et, tincidunt odio. Nullam varius facilisis lectus, vel vulputate nisl. Phasellus venenatis id mi sit amet eleifend. Suspendisse vitae nunc vel libero interdum commodo sit amet nec tortor. Donec et vulputate sem. Phasellus bibendum hendrerit metus, sed imperdiet lectus laoreet sit amet. Nam et eleifend eros. In sed orci sit amet urna blandit lacinia at id nulla. Quisque justo ligula, auctor sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum mollis tortor at imperdiet. Vivamus quis faucibus ligula. Praesent eget dui felis. Vestibulum cursus orci in ligula rutrum lacinia. Nam cursus ex ac ipsum eleifend placerat. Donec sagittis nisl vitae enim hendrerit consectetur. Vestibulum at sapien in urna vulputate placerat eget ut ante. Aliquam vel maximus erat, quis pharetra lorem. Etiam sed venenatis lacus, at pulvinar magna. Etiam mollis nisi vel commodo luctus. Integer vestibulum ultrices odio quis gravida. Quisque ac porttitor orci. Sed efficitur velit feugiat, malesuada ante quis, sollicitudin nisl. Curabitur neque enim, pretium ac sem eget, dictum eleifend mauris. Cras hendrerit justo placerat, lacinia libero nec, suscipit libero. Integer fermentum varius massa, sed aliquam tortor elementum congue. Praesent at placerat velit. Donec pellentesque ex massa, blandit pulvinar quam viverra egestas. Sed lobortis sit amet enim nec molestie. Vivamus luctus mauris velit, eu ullamcorper neque bibendum varius. Integer malesuada diam a congue semper. Nunc a ante elit. Quisque et feugiat nisi. Sed sit amet ligula non ligula luctus suscipit. Integer vehicula ligula nunc, sit amet maximus tellus hendrerit ac. Aliquam eget scelerisque lacus, vitae tincidunt sapien. Maecenas posuere aliquam consectetur. Cras efficitur pellentesque velit sit amet venenatis. Sed vel neque lectus. Suspendisse vestibulum diam lorem, a imperdiet purus efficitur eu. Vestibulum nec arcu et elit elementum lobortis a sed mi. Ut at fringilla sapien, quis feugiat nisi. Donec in semper velit. Etiam faucibus fermentum mauris, eu vulputate magna viverra sed. Integer nec luctus leo. Donec eget ipsum nec ligula feugiat eleifend. Ut interdum vel quam non ultrices. Nullam interdum et odio nec ultrices. Nulla justo lorem, fermentum eget placerat id, pulvinar ut odio. Nulla posuere euismod dolor, vitae sagittis augue rhoncus id. Duis in imperdiet quam. Vivamus lacinia lacus nisi, at convallis turpis rutrum sit amet. Ut tortor nulla, tristique ut tellus nec, sagittis blandit augue. Mauris accumsan a sem eu tempus. Nulla id mauris dui. Morbi viverra magna efficitur nisi imperdiet dictum. Nunc ut bibendum mauris, mattis rutrum nisi. Proin mi justo, convallis in urna eget, sollicitudin aliquet enim. Curabitur nec congue velit. Duis in diam nec sem consectetur elementum. Nam turpis sem, lobortis sed risus vel, molestie feugiat orci. Quisque fermentum sodales nulla, ac porttitor ante ultrices ut. Praesent et erat tincidunt, pulvinar nibh quis, elementum lorem. Fusce a feugiat elit, in congue sem. Duis quis dapibus ex, vel sagittis nunc. Etiam nibh felis, sollicitudin non tristique vitae, iaculis nec nisl. Phasellus tempus elementum faucibus. Morbi suscipit feugiat vestibulum. Donec eget dui sed eros dapibus eleifend. Vivamus gravida pretium enim ut iaculis. Vestibulum lacinia justo a malesuada hendrerit. Pellentesque a orci sollicitudin, tempor neque et, tincidunt odio. Nullam varius facilisis lectus, vel vulputate nisl. Phasellus venenatis id mi sit amet eleifend. Suspendisse vitae nunc vel libero interdum commodo sit amet nec tortor. Donec et vulputate sem. Phasellus bibendum hendrerit metus, sed imperdiet lectus laoreet sit amet. Nam et eleifend eros. In sed orci sit amet urna blandit lacinia at id nulla. Quisque justo ligula, auctor sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum mollis tortor at imperdiet. Vivamus quis faucibus ligula. Praesent eget dui felis. Vestibulum cursus orci in ligula rutrum lacinia. Nam cursus ex ac ipsum eleifend placerat. Donec sagittis nisl vitae enim hendrerit consectetur. Vestibulum at sapien in urna vulputate placerat eget ut ante. Aliquam vel maximus erat, quis pharetra lorem. Etiam sed venenatis lacus, at pulvinar magna. Etiam mollis nisi vel commodo luctus. Integer vestibulum ultrices odio quis gravida. Quisque ac porttitor orci. Sed efficitur velit feugiat, malesuada ante quis, sollicitudin nisl. Curabitur neque enim, pretium ac sem eget, dictum eleifend mauris. Cras hendrerit justo placerat, lacinia libero nec, suscipit libero. Integer fermentum varius massa, sed aliquam tortor elementum congue. Praesent at placerat velit. Donec pellentesque ex massa, blandit pulvinar quam viverra egestas. Sed lobortis sit amet enim nec molestie. Vivamus luctus mauris velit, eu ullamcorper neque bibendum varius. Integer malesuada diam a congue semper. Nunc a ante elit. Quisque et feugiat nisi. Sed sit amet ligula non ligula luctus suscipit. Integer vehicula ligula nunc, sit amet maximus tellus hendrerit ac. Aliquam eget scelerisque lacus, vitae tincidunt sapien. Maecenas posuere aliquam consectetur. Cras efficitur pellentesque velit sit amet venenatis. Sed vel neque lectus. Suspendisse vestibulum diam lorem, a imperdiet purus efficitur eu. Vestibulum nec arcu et elit elementum lobortis a sed mi. Ut at fringilla sapien, quis feugiat nisi. Donec in semper velit. Etiam faucibus fermentum mauris, eu vulputate magna viverra sed. Integer nec luctus leo. Donec eget ipsum nec ligula feugiat eleifend. Ut interdum vel quam non ultrices. Nullam interdum et odio nec ultrices. Nulla justo lorem, fermentum eget placerat id, pulvinar ut odio. Nulla posuere euismod dolor, vitae sagittis augue rhoncus id. Duis in imperdiet quam. Vivamus lacinia lacus nisi, at convallis turpis rutrum sit amet. Ut tortor nulla, tristique ut tellus nec, sagittis blandit augue. Mauris accumsan a sem eu tempus. Nulla id mauris dui. Morbi viverra magna efficitur nisi imperdiet dictum. Nunc ut bibendum mauris, mattis rutrum nisi. Proin mi justo, convallis in urna eget, sollicitudin aliquet enim. Curabitur nec congue velit. Duis in diam nec sem consectetur elementum. Nam turpis sem, lobortis sed risus vel, molestie feugiat orci. Quisque fermentum sodales nulla, ac porttitor ante ultrices ut. Praesent et erat tincidunt, pulvinar nibh quis, elementum lorem. Fusce a feugiat elit, in congue sem. Duis quis dapibus ex, vel sagittis nunc. Etiam nibh felis, sollicitudin non tristique vitae, iaculis nec nisl. Phasellus tempus elementum faucibus. Morbi suscipit feugiat vestibulum. Donec eget dui sed eros dapibus eleifend. Vivamus gravida pretium enim ut iaculis. Vestibulum lacinia justo a malesuada hendrerit. Pellentesque a orci sollicitudin, tempor neque et, tincidunt odio. Nullam varius facilisis lectus, vel vulputate nisl. Phasellus venenatis id mi sit amet eleifend. Suspendisse vitae nunc vel libero interdum commodo sit amet nec tortor. Donec et vulputate sem. Phasellus bibendum hendrerit metus, sed imperdiet lectus laoreet sit amet. Nam et eleifend eros. In sed orci sit amet urna blandit lacinia at id nulla. Quisque justo ligula, auctor sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum mollis tortor at imperdiet. Vivamus quis faucibus ligula. Praesent eget dui felis. Vestibulum cursus orci in ligula rutrum lacinia. Nam cursus ex ac ipsum eleifend placerat. Donec sagittis nisl vitae enim hendrerit consectetur. Vestibulum at sapien in urna vulputate placerat eget ut ante. Aliquam vel maximus erat, quis pharetra lorem. Etiam sed venenatis lacus, at pulvinar magna. Etiam mollis nisi vel commodo luctus. Integer vestibulum ultrices odio quis gravida. Quisque ac porttitor orci. Sed efficitur velit feugiat, malesuada ante quis, sollicitudin nisl. Curabitur neque enim, pretium ac sem eget, dictum eleifend mauris. Cras hendrerit justo placerat, lacinia libero nec, suscipit libero. Integer fermentum varius massa, sed aliquam tortor elementum congue. Praesent at placerat velit. Donec pellentesque ex massa, blandit pulvinar quam viverra egestas. Sed lobortis sit amet enim nec molestie. Vivamus luctus mauris velit, eu ullamcorper neque bibendum varius. Integer malesuada diam a congue semper. Nunc a ante elit. Quisque et feugiat nisi. Sed sit amet ligula non ligula luctus suscipit. Integer vehicula ligula nunc, sit amet maximus tellus hendrerit ac. Aliquam eget scelerisque lacus, vitae tincidunt sapien. Maecenas posuere aliquam consectetur. Cras efficitur pellentesque velit sit amet venenatis. Sed vel neque lectus. Suspendisse vestibulum diam lorem, a imperdiet purus efficitur eu. Vestibulum nec arcu et elit elementum lobortis a sed mi. Ut at fringilla sapien, quis feugiat nisi. Donec in semper velit. Etiam faucibus fermentum mauris, eu vulputate magna viverra sed. Integer nec luctus leo. Donec eget ipsum nec ligula feugiat eleifend. Ut interdum vel quam non ultrices. Nullam interdum et odio nec ultrices. Nulla justo lorem, fermentum eget placerat id, pulvinar ut odio. Nulla posuere euismod dolor, vitae sagittis augue rhoncus id. Duis in imperdiet quam. Vivamus lacinia lacus nisi, at convallis turpis rutrum sit amet. Ut tortor nulla, tristique ut tellus nec, sagittis blandit augue. Mauris accumsan a sem eu tempus. Nulla id mauris dui. Morbi viverra magna efficitur nisi imperdiet dictum. Nunc ut bibendum mauris, mattis rutrum nisi. Proin mi justo, convallis in urna eget, sollicitudin aliquet enim. Curabitur nec congue velit. Duis in diam nec sem consectetur elementum. Nam turpis sem, lobortis sed risus vel, molestie feugiat orci. Quisque fermentum sodales nulla, ac porttitor ante ultrices ut. Praesent et erat tincidunt, pulvinar nibh quis, elementum lorem. Fusce a feugiat elit, in congue sem. Duis quis dapibus ex, vel sagittis nunc. Etiam nibh felis, sollicitudin non tristique vitae, iaculis nec nisl. Phasellus tempus elementum faucibus. Morbi suscipit feugiat vestibulum. Donec eget dui sed eros dapibus eleifend. Vivamus gravida pretium enim ut iaculis. Vestibulum lacinia justo a malesuada hendrerit. Pellentesque a orci sollicitudin, tempor neque et, tincidunt odio. Nullam varius facilisis lectus, vel vulputate nisl. Phasellus venenatis id mi sit amet eleifend. Suspendisse vitae nunc vel libero interdum commodo sit amet nec tortor. Donec et vulputate sem. Phasellus bibendum hendrerit metus, sed imperdiet lectus laoreet sit amet. Nam et eleifend eros. In sed orci sit amet urna blandit lacinia at id nulla. Quisque justo ligula, auctor sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum mollis tortor at imperdiet. Vivamus quis faucibus ligula. Praesent eget dui felis. Vestibulum cursus orci in ligula rutrum lacinia. Nam cursus ex ac ipsum eleifend placerat. Donec sagittis nisl vitae enim hendrerit consectetur. Vestibulum at sapien in urna vulputate placerat eget ut ante. Aliquam vel maximus erat, quis pharetra lorem. Etiam sed venenatis lacus, at pulvinar magna. Etiam mollis nisi vel commodo luctus. Integer vestibulum ultrices odio quis gravida. Quisque ac porttitor orci. Sed efficitur velit feugiat, malesuada ante quis, sollicitudin nisl. Curabitur neque enim, pretium ac sem eget, dictum eleifend mauris. Cras hendrerit justo placerat, lacinia libero nec, suscipit libero. Integer fermentum varius massa, sed aliquam tortor elementum congue. Praesent at placerat velit. Donec pellentesque ex massa, blandit pulvinar quam viverra egestas. Sed lobortis sit amet enim nec molestie. Vivamus luctus mauris velit, eu ullamcorper neque bibendum varius. Integer malesuada diam a congue semper. Nunc a ante elit. Quisque et feugiat nisi. Sed sit amet ligula non ligula luctus suscipit. Integer vehicula ligula nunc, sit amet maximus tellus hendrerit ac. Aliquam eget scelerisque lacus, vitae tincidunt sapien. Maecenas posuere aliquam consectetur. Cras efficitur pellentesque velit sit amet venenatis. Sed vel neque lectus. Suspendisse vestibulum diam lorem, a imperdiet purus efficitur eu. Vestibulum nec arcu et elit elementum lobortis a sed mi. Ut at fringilla sapien, quis feugiat nisi. Donec in semper velit. Etiam faucibus fermentum mauris, eu vulputate magna viverra sed. Integer nec luctus leo. Donec eget ipsum nec ligula feugiat eleifend. Ut interdum vel quam non ultrices. Nullam interdum et odio nec ultrices. Nulla justo lorem, fermentum eget placerat id, pulvinar ut odio. Nulla posuere euismod dolor, vitae sagittis augue rhoncus id. Duis in imperdiet quam. Vivamus lacinia lacus nisi, at convallis turpis rutrum sit amet. Ut tortor nulla, tristique ut tellus nec, sagittis blandit augue. Mauris accumsan a sem eu tempus. Nulla id mauris dui. Morbi viverra magna efficitur nisi imperdiet dictum. Nunc ut bibendum mauris, mattis rutrum nisi. Proin mi justo, convallis in urna eget, sollicitudin aliquet enim. Curabitur nec congue velit. Duis in diam nec sem consectetur elementum. Nam turpis sem, lobortis sed risus vel, molestie feugiat orci. Quisque fermentum sodales nulla, ac porttitor ante ultrices ut. Praesent et erat tincidunt, pulvinar nibh quis, elementum lorem. Fusce a feugiat elit, in congue sem. Duis quis dapibus ex, vel sagittis nunc. Etiam nibh felis, sollicitudin non tristique vitae, iaculis nec nisl. Phasellus tempus elementum faucibus. Morbi suscipit feugiat vestibulum. Donec eget dui sed eros dapibus eleifend. Vivamus gravida pretium enim ut iaculis. Vestibulum lacinia justo a malesuada hendrerit. Pellentesque a orci sollicitudin, tempor neque et, tincidunt odio. Nullam varius facilisis lectus, vel vulputate nisl. Phasellus venenatis id mi sit amet eleifend. Suspendisse vitae nunc vel libero interdum commodo sit amet nec tortor. Donec et vulputate sem. Phasellus bibendum hendrerit metus, sed imperdiet lectus laoreet sit amet. Nam et eleifend eros. In sed orci sit amet urna blandit lacinia at id nulla. Quisque justo ligula, auctor sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum mollis tortor at imperdiet. Vivamus quis faucibus ligula. Praesent eget dui felis. Vestibulum cursus orci in ligula rutrum lacinia. Nam cursus ex ac ipsum eleifend placerat. Donec sagittis nisl vitae enim hendrerit consectetur. Vestibulum at sapien in urna vulputate placerat eget ut ante. Aliquam vel maximus erat, quis pharetra lorem. Etiam sed venenatis lacus, at pulvinar magna. Etiam mollis nisi vel commodo luctus. Integer vestibulum ultrices odio quis gravida. Quisque ac porttitor orci. Sed efficitur velit feugiat, malesuada ante quis, sollicitudin nisl. Curabitur neque enim, pretium ac sem eget, dictum eleifend mauris. Cras hendrerit justo placerat, lacinia libero nec, suscipit libero. Integer fermentum varius massa, sed aliquam tortor elementum congue. Praesent at placerat velit. Donec pellentesque ex massa, blandit pulvinar quam viverra egestas. Sed lobortis sit amet enim nec molestie. Vivamus luctus mauris velit, eu ullamcorper neque bibendum varius. Integer malesuada diam a congue semper. Nunc a ante elit. Quisque et feugiat nisi. Sed sit amet ligula non ligula luctus suscipit. Integer vehicula ligula nunc, sit amet maximus tellus hendrerit ac. Aliquam eget scelerisque lacus, vitae tincidunt sapien. Maecenas posuere aliquam consectetur. Cras efficitur pellentesque velit sit amet venenatis. Sed vel neque lectus. Suspendisse vestibulum diam lorem, a imperdiet purus efficitur eu. Vestibulum nec arcu et elit elementum lobortis a sed mi. Ut at fringilla sapien, quis feugiat nisi. Donec in semper velit. Etiam faucibus fermentum mauris, eu vulputate magna viverra sed. Integer nec luctus leo. Donec eget ipsum nec ligula feugiat eleifend. Ut interdum vel quam non ultrices. Nullam interdum et odio nec ultrices. Nulla justo lorem, fermentum eget placerat id, pulvinar ut odio. Nulla posuere euismod dolor, vitae sagittis augue rhoncus id. Duis in imperdiet quam. Vivamus lacinia lacus nisi, at convallis turpis rutrum sit amet. Ut tortor nulla, tristique ut tellus nec, sagittis blandit augue. Mauris accumsan a sem eu tempus. Nulla id mauris dui. Morbi viverra magna efficitur nisi imperdiet dictum. Nunc ut bibendum mauris, mattis rutrum nisi. Proin mi justo, convallis in urna eget, sollicitudin aliquet enim. Curabitur nec congue velit. Duis in diam nec sem consectetur elementum. Nam turpis sem, lobortis sed risus vel, molestie feugiat orci. Quisque fermentum sodales nulla, ac porttitor ante ultrices ut. Praesent et erat tincidunt, pulvinar nibh quis, elementum lorem. Fusce a feugiat elit, in congue sem. Duis quis dapibus ex, vel sagittis nunc. Etiam nibh felis, sollicitudin non tristique vitae, iaculis nec nisl. Phasellus tempus elementum faucibus. Morbi suscipit feugiat vestibulum. Donec eget dui sed eros dapibus eleifend. Vivamus gravida pretium enim ut iaculis. Vestibulum lacinia justo a malesuada hendrerit. Pellentesque a orci sollicitudin, tempor neque et, tincidunt odio. Nullam varius facilisis lectus, vel vulputate nisl. Phasellus venenatis id mi sit amet eleifend. Suspendisse vitae nunc vel libero interdum commodo sit amet nec tortor. Donec et vulputate sem. Phasellus bibendum hendrerit metus, sed imperdiet lectus laoreet sit amet. Nam et eleifend eros. In sed orci sit amet urna blandit lacinia at id nulla. Quisque justo ligula, auctor sed.