css CSS-сниппеты

Posted 2021-05-13

 /* Скрытие текста для ссылок с изображениями */

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Согласованный и предсказуемый размер в Rem (единица размера шрифта в css3) */

html { font-size: 62.5%; }
body { font-size: 1.4rem; margin: 2.6rem} /* =14px; =26px */
h1   { font-size: 2.4rem; padding: 1.2rem} /* =24px; =12px */

/* Форматы веб-шрифтов и их подключение */

@font-face {
  font-family: 'Web Font';
  src:  url('webfont.eot');                                    /* IE9 Compat Modes */ 
        url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
        url('webfont.woff2') format('woff2'),                  /* Новейшие браузеры */ 
        url('webfont.woff') format('woff'),                    /* Новые браузеры и IE9+ */ 
        url('webfont.ttf')  format('truetype'),                /* Старые Safari, Android, iOS */ 
        url('webfont.svg#svgFontName') format('svg');          /* Древние Safari, iOS, Android */ 
  font-weight: normal; 
  font-style: normal; 
}

/* Вертикальное и горизонтальное выравнивание блока по центру */

div {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  marign: auto;
}