|
motion graphics freak
Datum registracije: Jun 2010
Lokacija: Kutina
Postovi: 177
|
Svaki browser ima svoje defaultne postavke za CSS oblikovanje koje će se aktivirati ukoliko ih ne premostiš svojim postavkama.
Prije nego uopće počneš kodirati web stranicu, napravi CSS file, pospremi ga kao style.css u "CSS" direktorij unutar foldera gdje ti je sve te ga linkaj u <head> području tvoje stranice ovako:
Code:
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
Zatim u taj CSS unesi dio koda koji se naziva CSS reset, a on ti izgleda ovako:
Code:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
Tek nakon toga pristupi kodiranju i oblikovanju svoje web stranice koja će izgledati isto u svim browserima.
|