CSS faila piemērs ar paskaidrojumiem
Te screenshots no css faila un tālāk būs teksta veidā CSS faila piemērs ar paskaidrojumiem!!!
----------------faila style.css sākums-----------------------------------------
body {
(body, nozīmē ka stils tiks piemērots visiem elementiem kas ir html failā, tiem elementiem kuriem
pēc tam būs atsevišķi parametri, uz tiem šitie parametri neattiecas!)
margin: 0; (attālums no satura(loga) pikseļos)
padding: 0; (attālums no konteinera līdz saturam)
color: #d6e5e4; (teksta krāsa)
font-family: Tahoma, Geneva, sans-serif; (teksta šrifts)
font-size: 13px; (teksta izmērs pikseļos)
line-height: 1.5em;
background-color: #61a8a4; (fona krāsa, #123456, t.i. krāsas kods!)
piemēram balta krāsa ir #ffffff; un melnā krāsa ir #000000; )
background-repeat: repeat;
background: url(../images/templatemo_body.jpg) (fona attēls)
}
a, a:link, a:visited { (linku izskats, a:visited, ja links jau bija apmeklēts,
a - vienkārši links, CSS ir iespēja līdzīgus selektorus atdalīt ar komatiem
un visiem piemērot noteiktos parametrus)
color: #ffffff;
font-weight: normal;
text-decoration: none; (nav pasvītrojuma)
}
a:hover { (kad pele ir virs linka)
text-decoration: underline;
}
p { (tiks piemērots stils visiem tegiem <p> kuri ir html failā)
margin: 0 0 10px 0;
padding: 0;
}
img { border: none } (visiem attēliem)
blockquote { border: 1px solid #ccc; (rāmis elementam(konteinerim))
border-left: 5px solid #000; (kreisais rāmis)
padding: 19px;
margin: 20px 0 0 0}
cite { font-weight: bold; color:#fff; }
cite a, cite a:link, cite a:visited { font-weight: 400; color:#fff; text-decoration: none }
cite span { font-weight: 400; color: #d6e5e4; }
em { color: #fff; }
h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal; font-family:
stils tiks piemērots visiem hedingiem(galvenēm) no <h1> lielākā, līdz <h6>
Georgia, "Times New Roman", Times, serif }
h1 { font-size: 34px; margin: 0 0 30px; padding: 5px 0 }
h2 { font-size: 28px; margin: 0 0 20px; padding: 5px 0; }
h3 { font-size: 22px; margin: 0 0 10px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }
-----------------------faila beigas----------------------------------------------------------------------------
|
|
| |
