Differences
This shows you the differences between two versions of the page.
u_css1 [2011-09-14 14:54] 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 php> | ||
- | echo " | ||
- | </ | ||
- | |||
- | 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.</ | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | |||
- | < | ||