Wat doe ik precies met dit css bestand, naast het css bestand wat ik ga gebruiken voor mijn specifiek ontwerp?
Reset- en basisfont stijlen
Startpunt van uw Joomla CSS bestand.
De reset- en basisfontstijlen zorgen ervoor dat de standaard stijlen van verschillende browsers worden gereset, zoals fonts, marges, padding en borders. Later in het CSS bestand kunnen deze overschreven worden. Op deze wijze kunt u de Joomla content en modules voor verschillende browsers consistenter stijlen. In het blank CSS bestand zijn de basisstijlen reeds opgenomen. Wanneer u dit goed toepast hoeft u vaak geen aparte stijlsheets op te nemen voor de oudere Internet Explorer browsers (IE6 en IE7).
De CSS code ziet er als volgt uit (Deze reset- en basisfontstijlen zijn ook opgenomen in het blank CSS document dat u van deze website kunt downloaden).
@charset "utf-8";
/* CSS Document */
/* ================================
Reset styles
============================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,
legend,input,button,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,th,var,optgroup {
font-style:inherit;
font-weight:inherit;
}
strong {
font-style:inherit;
font-weight:bold;
}
em {
font-style:inherit;
font-style:italic;
}
del,ins {
text-decoration:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
font-variant:normal;
}
sup {
vertical-align:baseline;
}
sub {
vertical-align:baseline;
}
legend {
color:#000;
}
input,button,textarea,select,optgroup,option {
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
}
/* ===============================
Default font styles
=========================== */
body {
font-size:13px;
line-height: 17px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
}
select,input,button,textarea,button{
font-ize:99%;
font-family: Arial, Helvetica, sans-serif;
}
table{
font-size:inherit;
}
pre,code,kbd,samp,tt{
font-family: monospace, "Courier New", Courier;
line-height:100%;
}
Toelichting op de reset- en basisfontstijlen
De reset- en basisfontstijlen zijn ontwikkeld door Yahoo Developer Network en zijn uitgebreid getest. Voor informatie over deze css stijlen kunt u terecht op: http://developer.yahoo.com/yui/reset voor de reset stijlen en http://developer.yahoo.com/yui/fonts voor de basis font stijlen.