 Joomla basis css stijlen
Startpunt van uw Joomla CSS bestand.
De basisstijlen 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 consistenter stijlen. Daarna komen de template stijlen aan de orde. In het blanco CSS bestand zijn de basisstijlen reeds opgenomen.
De CSS code ziet er als volgt uit (Deze basisstijlen zijn ook opgenomen in het lege CSS document dat u hier kunt downloaden).
@charset "utf-8";
/* CSS Document */
/* ================================
RESET STIJLEN
============================= */
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: italic;
}
del,ins {
text-decoration:none;
}
ol, ul {
list-style: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;
}
input,button,textarea,select{
*font-size:100%;
}
/* ===============================
BASIS FONT STIJLEN
=========================== */
body {
font:13px/1.231 arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
}
select,input,button,textarea,button{
font:99% arial,helvetica,clean,sans-serif;
}
table{
font-size:inherit;
font:100%;
}
pre,code,kbd,samp,tt{
font-family:monospace;
*font-size:108%;
line-height:100%;
}
Toelichting op de basisstijlen
Deze basisstijlen bestaan uit de "Reset"stijlen en de "Basis Font stijlen" en 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 resetstijlen en http://developer.yahoo.com/yui/fonts voor de standaard fontstijlen.
|