CSS: быстрые советы №1

1. Очень простой способ выводить (подменять) заголовки картинками:

 h1 {     display:block;     width:100px;     height:0;     padding:30px 0 0 0;     background-image:url('heading.gif');     overflow:hidden; } 

2. Удобный в использовании "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;} 

3. Хаки для IE:

 .class {     width:200px; /* All browsers */     *width:250px; /* IE */     _width:300px; /* IE6 */     .width:200px; /* IE7 */ } 

Но если есть возможность, лучше использовать подключение отдельных CSS-файлов для IE:

4. CSS только для Opera:

 @media all and (min-width: 0px){     .classname {} } 

5. CSS только для Safari

  html:lang(en)>body .classname {     color: #333333;  }  

6. CSS только для Google Chrome

  body:nth-of-type(1) p{     color: #333333;  } 

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для blogger.com