initializálás – tantek


A böngészők alapértelmezett tulajdonságait már a css fájlok legelején érdemes egységessé tenni, így a későbbiekben elég sok bosszúságot meg lehet spórolni.

Az alábbi módszer a http://tantek.com/log/2004/undohtml.css -en érhető el eredetileg és a 35 designers x 5 questions gyűjteményben találtam rá.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
 
/* Purpose: undo some of the default styling of common (X)HTML browsers */
 
/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }
 
/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }
 
/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
 
/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
 
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
 
/* de-italicize address */
address { font-style:normal }
 
/* more varnish stripping as necessary... */
Kapcsolódó bejegyzések:
  • A CSS-ek elején szoktam ezt a kódot használni ahhoz, hogy minden böngésző alatt az egyébként másként megjelenített részeket azonos kinézetre formázzam.…

  • A különböző böngészők egyes elemek alapértelmezett tulajdonságait másképp értelmezik, ezeket egységesíti az alábbi kódrészlet (a css fájlba kell felvenni):…

  • A minap olyan megoldásra volt szükség, hogy egy felső navigációs menüt fülekkel kellett megoldani az alábbi kikötésekkel:– legyen rugalmas (a fül szövege hat …

  • Aki követi a blogomat, már biztos találkozott – és remélem ki is próbálta – az Intype nevű texteditor programot, ami mostanában a nagy kedvencem honlapkészítés s …

  • Ha különböző adatokat tartalmazó táblákat szeretnék kinyíló, bezáródó effekttel ellátni, használd az alábbi kódot (expand, collapse effect)tabl …

A cikket beküldte: Harder (http://blog.harder.hu)

Szólj hozzá
a initializálás – tantek c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>