Stílus-meghatározások

body { font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0; background-color: #ccc; }

#container { width: 780px; margin-top: 10px; margin-right: auto; margin-left: auto; padding-bottom: 10px;}

h1 { font-size: 2em; text-align: center; border-bottom: 2px solid #000; }

h2 {font-size: 1.7em; color: #33C; text-align: center; border-bottom: 2px solid #000; padding-top: 1em; }

h3 {font-size: 1.4em; border-bottom: 2px solid #000; padding-top: 1em; }

p {line-height: 130%; }

strong { font-weight: bold; }

em {font-style: italic; }

blockquote { border-left: 2px dotted black; padding-left: 2px; }

.callout { background: url(YYYYYYY_1.gif) no-repeat right bottom; text-align: left; margin-left: 30%; padding-right: 4px; }

.callout p { font-size: 90%; background: url(YYYYYY_2.gif) no-repeat left bottom; padding-bottom: 18px;}

cite {border-bottom: 1px solid black;}

acronym { font-style: italic; border-bottom: 2px dotted black; }

#footer {font-size: 80%; color: #999; border-top: 2px dotted #CCC; margin-top: 4em; }

-----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------
Megjegyzés:
A képeket, azaz vonalakat, neked kell elkészíteni. Melyek fájlnevét, az ( YYYYYY_1 ) és ( YYYYYY_2 ) helyére kell beírni.

---

Mobil eszközhöz.

body {font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0.1px; background-color: #ccc;}

#container {width: 800px; margin-top: 10px; margin-right: auto; margin-left: auto; padding-bottom: 10px;}


h1{font-size: 3.5em; text-align: center; margin-top: 20px; margin-bottom: 25px;}

h2{font-size: 29pt; text-align: center;}

h3{font-size: 27pt;}

h4{font-size: 25pt;}

h5{font-size: 23pt;}

h6{font-size: 21pt;}


p{font-size: 18pt; font-weight: normal; line-height: 150%; padding-left: 3px;}

strong{font-weight: bold;}

em {font-style: italic;}

li{font-size: 17pt; line-height: 150%;}