adsPlace_1

Войти или Зарегистрироваться

Hosting Ukraine

Несколько советов по 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; 
}

Последние из рубрики

Комментарии(3)

  • Комментариев еще нет. Будь первым!

    Оставь свой отзыв

    Для вставки кода используйте кнопки php, html, javascript, css, sql

    * - поля обязательны к заполнению