Несколько советов по CSS
Несколько советов по заданию стилей CSS.
Очень простой способ выводить (подменять) заголовки картинками:
h1 { display:block; width:100px; height:0; padding:30px 0 0 0; background-image:url('heading.gif'); overflow:hidden; }
Удобный в использовании «reset»
во многих случая оказывается весьма кстати:
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6, pre,form,p,blockquote,fieldset,input,hr { margin:0; padding:0; } h1,h2,h3,h4,h5,h6,pre,code,address, caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; } ul,ol {list-style:none;} fieldset,img,hr {border:none;} caption,th {text-align:left;} table {border-collapse:collapse; border-spacing:0;} td {vertical-align:top;}
Хаки для IE:
.class { width:200px; /* All browsers */ *width:250px; /* IE */ _width:300px; /* IE6 */ .width:200px; /* IE7 */ }
Но если есть возможность, лучше использовать подключение отдельных CSS-файлов для IE.
CSS только для Opera:
@media all and (min-width: 0px){ .classname {} }
CSS только для Safari
html:lang(en)>body .classname { color: #333333; }
CSS только для Google Chrome
body:nth-of-type(1) p{ color: #333333; }