Верстаю, программирую сайты.
Контакты

Достижения

Все достижения (3)

Наибольший вклад в теги

Все теги (13)

Лучшие ответы пользователя

Все ответы (45)
  • Почему жирность текста в css отличается от жирности текста в макете figma?

    Liatano
    @Liatano
    Для изменения жирности нужно подгрузить шрифт с этой жирностью. Браузер сам, конечно, может некоторым образом симулировать жирность или курсив, но если шрифт не системный для каждой жирности, начертания и их сочетаний нужно подгружать свои файлы. При этом их нужно еще корректно объявлять, например:
    @font-face {
    	font-family: 'Commissioner';
    	src: url('fonts/Commissioner/Commissioner-Regular.eot');
    	src: local('Commissioner Regular'), local('Commissioner-Regular'),
    		url('fonts/Commissioner/Commissioner-Regular.eot?#iefix') format('embedded-opentype'),
    		url('fonts/Commissioner/Commissioner-Regular.woff2') format('woff2'),
    		url('fonts/Commissioner/Commissioner-Regular.woff') format('woff'),
    		url('fonts/Commissioner/Commissioner-Regular.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
    }
    @font-face {
    	font-family: 'Commissioner';
    	src: url('fonts/Commissioner/Commissioner-Medium.eot');
    	src: local('Commissioner Medium'), local('Commissioner-Medium'),
    		url('fonts/Commissioner/Commissioner-Medium.eot?#iefix') format('embedded-opentype'),
    		url('fonts/Commissioner/Commissioner-Medium.woff2') format('woff2'),
    		url('fonts/Commissioner/Commissioner-Medium.woff') format('woff'),
    		url('fonts/Commissioner/Commissioner-Medium.ttf') format('truetype');
    	font-weight: 500;
    	font-style: normal;
    }

    имя у шрифта одно, а вот жирность разная. При этом лучше не забывать о разных браузерах а также о том,что шрифты могут быть в системе пользователя(в этом случае ничего грузиться не будет). В целом, формат .eot - это атавизм для IE, но до сих пор лежит в готовых паках до кучи.
    Ответ написан
    1 комментарий
  • Где найти толковые материалы по вёрстке HTML/CSS?

    Liatano
    @Liatano
    Рискую оказаться кэпом, но самый лучший ресурс: htmlbook.ru
    Материалов там навалом (статьи,практикум,самоучитель). Если этого покажется мало-берется бесплатный макет, который устраивает Вас по сложности и дальше при помощи вышеупомянутого мануала воплощается в жизнь.
    Лучше практики вы самоучителя не найдете, ИМХО.
    Ответ написан
    Комментировать
  • Как сделать обводку div блока в определенное время на php?

    Liatano
    @Liatano
    Воспользоваться функциями даты и времени (date(), time()), сравнивая текущее время с необходимым диапазоном. Однако,сама по себе идея делать подобное через php - неочень. PHP исполняется на стороне сервера, а значит на страницу нельзя повлиять до обновления страницы, так что состояние блоков будет устаревшим. В данном случае нужно пользоваться JS, т.к. именно он исполняется на стороне клиента, подробнее про работу со временем в JS читаем тут
    Ответ написан
    Комментировать
  • Почему при использовании сдвига элемента в CSS наведение работает не правильно?

    Liatano
    @Liatano
    Второй вариант верный. наведение на дочерний элемент является также наведением на родительский. Если хочется, чтобы они не сцеплялись таким образом - попробуйте поставить элементы один за другим и воспользоваться селекторами вида "соседний" (+)
    Подробнее о селекторах можно почитать тут https://code.tutsplus.com/ru/tutorials/the-30-css-...
    Ответ написан
    1 комментарий
  • Как сверстать круг между блоками?

    Liatano
    @Liatano
    Любому из блоков задать relative
    внутрь добавить псевдоэлемент в виде круга,получится что-то типа
    .item-1{position:relative;}
    .item-1::after{
      content:'';
      width:50px;
      height:50px;
      border-radius:50%;
      position:absolute;
      top:50%;
      left:100%;
      transfrom:translate(-50%, -50%);
      background:red;
    }


    про css фигуры можно почитать тут https://html5book.ru/css-figury/
    про псевдоклассы https://html5book.ru/psevdoklassy/
    Ответ написан
    4 комментария

Лучшие вопросы пользователя

Все вопросы (1)