Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
Next revision Both sides next revision
webbutv_05 [2012-09-13 15:28]
Daniel Viström 		webbutv_05 [2012-09-13 15:30]
Daniel Viström
Line 55: Line 55:
 <php> <php>
 /* /*
 +
 +HTML5:
 +
 <!DOCTYPE html> <!DOCTYPE html>
 <html lang="sv"> <html lang="sv">
Line 322: Line 325:
 </html> </html>
  
 +
 +CSS:
 +
 +body {
 + color: #000000;
 + background-color: #FFFFFF;
 + padding: 3ex;
 + margin: 0;
 +}
 +
 +h1, h2{
 + font-family: Arial, sans-serif;
 + color: #123456;
 + background-color: inherit;
 + padding: 0;
 +}
 +
 +p, ul, ol{
 + font-family: "Times New Roman", serif;
 + font-size: 2.2ex;
 + text-align: justify;
 +}
 +
 +nav{
 + background: #EAEAE4;
 + color: #000000;
 + margin: 1ex;
 + padding: 1ex;
 + border: 1px solid #000000;
 +}
 +
 +img{
 + width: 400px;
 +}
 +
 +
 +
 +Extra formatteringar:
 +
 +header h1{
 + font-size: 6ex;
 + margin: 0.5ex 0ex 0.5ex 0ex;
 +}
 +
 +header h2{
 + font-size: 2.5ex;
 + margin: 1ex 0ex 4ex 0ex;
 +}
 +
 +section h1 {
 + font-size: 3.3ex;
 + margin: 4ex 0ex 1ex 0ex;
 +}
 +
 +nav h1{
 + font-size: 3.3ex;
 + margin: 1ex 0ex 1ex 0ex;
 +}
 +
 +header, section{
 + margin: 0ex 1ex 0ex 1ex;
 + padding: 0;
 +}
 +
 +footer{
 + border-top: 1px solid #000000;
 + font-size: 1.8ex;
 + margin: 1ex;
 + padding: 1ex;
 +}
 +
 +footer p{
 + text-align: center;
 +}
 +
 +p{
 + margin: 2.5ex 0ex 2.5ex 0ex;
 + padding:0ex;
 +}
 +
 +ul, ol{
 + margin: 3ex;
 + padding: 1ex;
 + list-style-position: outside;
 +}
 +
 +ul{
 + list-style-type: circle;
 +}
 +
 +ol{
 + list-style-type: decimal;
 +}
 +
 +li{
 + margin: 0ex 0ex 1ex 0ex;
 + padding: 0;
 +}
 +
 +table{
 + margin: 4ex auto 4ex auto;
 + padding: 1ex;
 + border-collapse:collapse;
 + caption-side: bottom;
 + text-align: center;
 +}
 +
 +th, td{
 + border: 1px solid #000000;
 + width: 9ex;
 + padding: 0.5ex;
 + margin: 0;
 +}
 +
 +th{
 + color: #000000;
 + background-color: #FFFF80;
 +}
 +
 +td{
 + color: #000000;
 + background-color: #CCCCCC;
 +}
 +
 +caption{
 + padding: 1ex;
 + margin: 0;
 + text-align: center;
 + font-style: italic;
 + font-size: 1.9ex;
 +}
 +
 +em, dfn{
 + font-style: italic; 
 +}
 +
 +figure{
 + float: right;
 + padding: 1ex;
 + margin: 3ex 0ex 3ex 3ex;
 + border: 1px solid #000000;
 +}
 +
 +figcaption{
 + font-size: 13px;
 + margin: 0;
 + padding: 2ex 1ex 1ex 1ex;
 + font-style: italic;
 + text-align: center;
 +}
 +
 +a, a:visited{
 + text-decoration: none;
 + color:#0000FF;
 + background-color:inherit;
 +}
 +
 +a:hover, a:focus{
 + color: #FF6347;
 + background-color:inherit;
 +}