È necessario un "Reset CSS" per i CSS cross-browser?

Ho cercato di elaborare un quadro CSS cross-browser decente per il mio prossimo progetto, perché il mio ultimo ha avuto un sacco di hack PHP/CSS (cose orribili come class="blah<?=isIe()?>"). Mi piacerebbe farlo "giusto". Ho guardato allo this question, che non ha avuto molto interesse, quindi mi piacerebbe restringere il campo: è necessario un reset CSS per la formattazione cross-browser? E il Doctype? Se uno usareÈ necessario un "Reset CSS" per i CSS cross-browser?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

o cosa? Inoltre, qualcuno ha qualche idea sull'utilità di Blueprint?

fonte

2009-10-19 Dan Rosenstark

Un reset CSS non è necessario, ma sicuramente aiuta molto. Lo farà in modo che tutti gli elementi siano resi uguali in tutti i browser.

Ci sono ancora alcune cose che saranno leggermente diversi a causa di ogni browser (soprattutto IE) rendendo il box model in modo diverso. Ci sono modi più semplici di fare CSS specifici per browser che però modificano le classi inline. È possibile creare un foglio di stile specifico per IE e ignorare solo le cose specifiche che è necessario modificare. Non hai bisogno di PHP neanche per questo.

<!--[if IE 6]> 
    <link rel="stylesheet" type="text/css" href="ie6.css" /> 
<![endif]-->

È possibile inoltre possibile utilizzare "LT" per < e "GT" per>.

<!--[if lt IE 7]> 
    <link rel="stylesheet" type="text/css" href="ie6.css" /> 
<![endif]-->

Per me, fare un reset CSS ha risolto il 99% dei miei problemi.

Yahoo ha una bella. http://developer.yahoo.com/yui/3/cssreset

fonte

2009-10-19 13:27:42

Ah sì, prioritario. Molto più bello dell'hacking sul lato server. Grazie per quello! –

Tuttavia, che cos'è [se qualcosa? I browser sanno come gestirlo? –

IE sa come gestirlo in modo specifico. Quindi puoi creare un foglio di stile specifico per IE e ogni altro browser pensa che sia solo un commento. –

Un reset CSS non è necessario, ma semplifica le cose.

È necessario un Doctype, senza che un browser entri in Quirks mode e si apra una grande scatola di incoerenze. Il Docty Strict HTML 4.01 che menzioni è una buona scelta, è la versione più moderna di HTML che ha un supporto decente sul mercato.

fonte

2009-10-19 13:16:12 Quentin

Perfetto, questo è il mio pensiero attuale sulla cosa troppo. Se riesco a ottenere il 90% del modo con solo un reset e una dichiarazione Doctype, sono a :) –

+1 buona risposta David –

che ho preso ad usare sempre un reset CSS e la costruzione di back up da questa base per i miei progetti. Semplifica molto le cose in quanto non devi più preoccuparti di differenze di dimensioni predefinite, ecc. Tra i browser. Inoltre, qualsiasi progetto sufficientemente grande ha una grande quantità di resettaggio CSS in esso comunque, e in quei progetti che non usano un foglio di reset CSS probabilmente lo avranno diviso in molte aree, mal fatte e buggy :)

io tendo ad usare i fogli CSS YUI per i miei progetti, ma ora posso controllare Blueprint ora è stato portato alla mia attenzione;)

fonte

2009-10-19 13:29:42 workmad3

Dimmi cosa ne pensi di Blueprint, per favore. Di più è di più. –

Ho iniziato con Blueprint ma l'ho trovato un po 'pesante e alla fine ho lavorato a un reset css più leggero e generico. Non ricordo da dove provenisse il mio attuale perché l'ho personalizzato così tanto e l'ho estratto da un progetto all'altro. –

Ok, questo sicuramente aiuta, grazie. –

È necessario un "Reset CSS" per i CSS cross-browser?

risposta

Problemi correlati