Differences
This shows you the differences between two versions of the page.
|
u_css1 [2011-09-14 14:55] Joakim Forsgren |
u_css1 [2022-07-18 13:20] |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== Uppgift1 i CSS ====== | ||
| - | Ni skall utan att röra HTML koden nedan göra följande uppgifter. | ||
| - | * En sida som blir så lik denna bild som möjligt{{: | ||
| - | * En sida efter egen smak med en egen css, ni får då ändra en rad i er html. kalla er nya css för css1_egen.css | ||
| - | <code HTML> | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | HTML-kod | ||
| - | |||
| - | <code html> | ||
| - | |||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | <meta http-equiv=" | ||
| - | <link rel=" | ||
| - | </ | ||
| - | < | ||
| - | <div id=" | ||
| - | <div id=" | ||
| - | < | ||
| - | <div id=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | <div id=" | ||
| - | < | ||
| - | aliquet, | ||
| - | eget viverra est felis vel dolor. Vivamus suscipit dui at risus | ||
| - | molestie at interdum metus pharetra. Suspendisse pulvinar, lacus | ||
| - | lacinia laoreet blandit, neque tortor molestie augue, et iaculis | ||
| - | elit est sed risus. Suspendisse dui orci, placerat sit amet | ||
| - | porttitor suscipit, aliquet eget massa. Integer id turpis nec libero | ||
| - | fermentum tristique eu eget neque. Aenean et turpis justo. | ||
| - | Suspendisse mi magna, aliquam et tristique eu, ultrices quis tellus. | ||
| - | Vivamus mattis, nunc at accumsan gravida, ligula neque rutrum | ||
| - | ligula, a porta felis nibh nec augue. Sed non libero mauris, a | ||
| - | pharetra leo. Nullam ac mi eu eros porttitor scelerisque ut eu | ||
| - | augue. Suspendisse ut aliquet orci. Quisque ac eros sem.</ | ||
| - | < | ||
| - | fermentum dictum, leo orci viverra massa, sed vehicula nunc lorem | ||
| - | sit amet eros. Proin tincidunt porttitor nulla, at sodales nisi | ||
| - | consequat ac. Quisque mi turpis, vehicula ut ullamcorper ac, | ||
| - | imperdiet vel odio. Curabitur sit amet magna nulla. Proin consequat | ||
| - | tincidunt urna et ultricies. Sed id dolor nulla, a vehicula ipsum. | ||
| - | Integer interdum tortor vel neque hendrerit ut pulvinar elit | ||
| - | facilisis. Aliquam erat volutpat. Mauris nibh lorem, porttitor quis | ||
| - | volutpat vel, tincidunt nec massa. Fusce sit amet justo imperdiet | ||
| - | eros eleifend vehicula id feugiat mauris. Pellentesque congue | ||
| - | gravida mi at placerat. Mauris eleifend semper sem, eu lobortis | ||
| - | velit congue eget. Nulla facilisi. Donec ornare interdum porta. Duis | ||
| - | mauris elit, vehicula a convallis nec, faucibus sit amet nulla.</ | ||
| - | < | ||
| - | Donec massa elit, luctus quis accumsan vel, ullamcorper quis arcu. | ||
| - | Suspendisse metus sapien, aliquam a blandit non, viverra ut enim. | ||
| - | Suspendisse dignissim risus vitae diam vehicula convallis. Cras quis | ||
| - | mauris vitae lacus dictum convallis. Maecenas mattis sem in tellus | ||
| - | pellentesque a rhoncus lectus venenatis. Duis ipsum metus, auctor | ||
| - | sit amet aliquet vehicula, euismod consequat purus. Nunc in | ||
| - | facilisis arcu. Aliquam erat volutpat. Pellentesque purus odio, | ||
| - | mollis et aliquet quis, pharetra in purus. Integer placerat mattis | ||
| - | tellus, sed vehicula dolor lobortis sed.</ | ||
| - | < | ||
| - | Phasellus faucibus sagittis ullamcorper. Etiam at dolor sem. | ||
| - | Maecenas sit amet risus non mauris consequat sollicitudin. Etiam | ||
| - | tincidunt suscipit venenatis. Nunc eget arcu sapien. Sed facilisis | ||
| - | odio eu leo ultrices in laoreet mauris interdum. Donec eu purus a | ||
| - | elit sollicitudin consequat. Vivamus egestas libero sit amet risus | ||
| - | feugiat vitae mollis ante malesuada.</ | ||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | < | ||