Differences
This shows you the differences between two versions of the page.
|
u_css1 [2017-09-01 12:54] |
u_css1 [2022-07-18 11:20] (current) |
||
|---|---|---|---|
| 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 | ||
| + | |||
| + | 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.</ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | </ | ||