diff --git a/m1/style.css b/m1/css/style.css similarity index 57% rename from m1/style.css rename to m1/css/style.css index b3bc789..67b9a5c 100644 --- a/m1/style.css +++ b/m1/css/style.css @@ -1,3 +1,99 @@ +body { + cursor: default; + margin: 0; + padding: 0; + border: 0; + font-family: Verdana, sans-serif; + font-size: 120%; + line-height: 160%; + background-color: #F2F5FE; + background-image: url("../images/fondo.gif"); + background-repeat: repeat-x; + + +} + +.Container { + width: 80%; + position: static; + background-color: white; + margin: auto; + +} + +.Header { +background-color:#233C9B; +Padding: 10px; +font-family: georgia, serif; +font-size: 260% ; +line-height: 35px; +} + +.Header a { + color: #FFF; +} + +.Header a:hover { + color: #B5C4E3; +} + +.Menu { + text-align: center; +} + +ul.Nav { + display: ruby; +} + +li > a.Nav { + text-decoration: none; + margin: 5px; + padding: 5px 15px 5px 15px; + color: #B5C4E3; + font-size: 0.75em; + background-color: #253575; + cursor: pointer; ; + font-weight: bold; +} + +a.Nav:hover { + background-color: #31479B; +} + +.Imagen { + font-size: 0.75em; + display: grid; + margin: 0 auto; + text-align: center; +} + +img[alt="Koala"] { + width: 200px; height: 200px; + margin: 0 auto; +} + +.Main { + float:left; + width: 79%; + padding: 30px 10px 60px 10px; +} + +.Aside { + float: right; + width: 19%; + font-size: 0.75em; + +} + +.Footer { + clear:both; + font-size: 0.75em; + padding: 5px 5px; + text-align: center; + height: 40px; + color: white; + background-color: #233C9B; +} /* El bloque de reset tendrá las siguientes características: . márgenes, padding, fuente (verdana, sans-serif con tamaño 120% y altura 160%) y fondo con color (#F2F5FE) e imagen (fondo.gif) repetida diff --git a/m1/fondo.gif b/m1/images/fondo.gif similarity index 100% rename from m1/fondo.gif rename to m1/images/fondo.gif diff --git a/m1/koala.jpg b/m1/images/koala.jpg similarity index 100% rename from m1/koala.jpg rename to m1/images/koala.jpg diff --git a/m1/index.html b/m1/index.html index 3e954d7..59ed833 100644 --- a/m1/index.html +++ b/m1/index.html @@ -3,19 +3,91 @@ EXERCICI HTML-CSS - - - + + - - +
+
+
+ Mi sitio web +
+
+ +
+ +
+ +
+
+
+ Koala +
Figura: Koala
+
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare sapien ac nibh vulputate feugiat. Morbi euismod velit sit amet libero volutpat ultrices in quis sem. Sed sit amet placerat sem. Curabitur vitae lectus nec purus accumsan faucibus. Donec vitae volutpat tortor. Suspendisse tempor rutrum urna, in consequat est tincidunt vitae. Cras et ligula at felis placerat tempor. Fusce elementum metus non justo luctus iaculis.

+

Donec ligula arcu, sagittis lacinia nibh et, consequat gravida turpis. Aenean nec scelerisque felis. Integer nec odio sed lorem mattis rhoncus quis quis nibh. Praesent non fringilla nisi. Duis porta placerat mattis. Aenean in mollis odio, at egestas massa. Quisque in lectus magna. Vestibulum vel faucibus massa, vel varius tortor. Maecenas et laoreet neque, ut semper neque. Suspendisse aliquet, nisl vel pharetra ultricies, elit felis molestie sem, ac scelerisque turpis tortor non lacus.

+ +
+
+ +
+ +
+ +
+ +
+
+ + + - Mi sitio web + + -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare sapien ac nibh vulputate feugiat. Morbi euismod velit sit amet libero volutpat ultrices in quis sem. Sed sit amet placerat sem. Curabitur vitae lectus nec purus accumsan faucibus. Donec vitae volutpat tortor. Suspendisse tempor rutrum urna, in consequat est tincidunt vitae. Cras et ligula at felis placerat tempor. Fusce elementum metus non justo luctus iaculis.

+ - © 2019 Vuestro nombre y apellidos - - + +