Ответы пользователя по тегу HTML
  • Как Учить HTML&CSS вместе или отдельно?

    Dimastik86
    @Dimastik86
    (isset($brain))?: die;
    Ну я бы так явно не заявлял, как по мне, вместе оно как бы может и да, ибо использовать будешь именно так!

    Однако, начнем с того, что там учить то нечего, два притопа, три прихлопа.. а по отдельности на простых примерах возможно быстрей зайдет... Тут главное суть уловить, а остальное всегда в справочнике можно посмотреть...

    В двух словах html это чертеж состоящий из блоков которые можно вкладывать друг в друга, у этих блоков есть стили(оформление/дизайн) по умолчанию,так же при помощи css ты можешь назначить свои дополнив или заменив текущие.

    Можно задать стили для конкретного элемента(Id), а можно нескольким(class). Вот вся основа + там можно задать некоторую логику поведения, переменные и анимацию, в html5 добавили дополнительные теги, для конкретных типов контента, и ещё немного логики.

    Все, больше там знать и не надо ничего, остальное - ок гугл, копи-паст, го го го
    Ответ написан
  • Как сделать, чтобы WordPress не менял код?

    Dimastik86
    @Dimastik86
    (isset($brain))?: die;
    Полагаю, потому что в основном файле стилей прописаны параметры глобально для тегов. Не думаю, что он дописывает классы, просто банально для тегов задано...

    Тут можно грузить свои стили после тех, что использует WP, предварительно сделав ресет, либо как написал коллега выше...

    Как-то так, первый попавшийся взял, ресеты разные бывают...
    /* Box sizing rules */
    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }
    
    /* Remove default padding */
    ul[class],
    ol[class] {
      padding: 0;
    }
    
    /* Remove default margin */
    body,
    h1,
    h2,
    h3,
    h4,
    p,
    ul[class],
    ol[class],
    li,
    figure,
    figcaption,
    blockquote,
    dl,
    dd {
      margin: 0;
    }
    
    /* Set core body defaults */
    body {
      min-height: 100vh;
      scroll-behavior: smooth;
      text-rendering: optimizeSpeed;
      line-height: 1.5;
    }
    
    /* Remove list styles on ul, ol elements with a class attribute */
    ul[class],
    ol[class] {
      list-style: none;
    }
    
    /* A elements that don't have a class get default styles */
    a:not([class]) {
      text-decoration-skip-ink: auto;
    }
    
    /* Make images easier to work with */
    img {
      max-width: 100%;
      display: block;
    }
    
    /* Natural flow and rhythm in articles by default */
    article > * + * {
      margin-top: 1em;
    }
    
    /* Inherit fonts for inputs and buttons */
    input,
    button,
    textarea,
    select {
      font: inherit;
    }
    
    /* Remove all animations and transitions for people that prefer not to see them */
    @media (prefers-reduced-motion: reduce) {
      * {
     animation-duration: 0.01ms !important;
     animation-iteration-count: 1 !important;
     transition-duration: 0.01ms !important;
     scroll-behavior: auto !important;
      }
    }
    Ответ написан
    Комментировать
  • Что делать, если свойство background работает для body, но не работает для div?

    Dimastik86
    @Dimastik86
    (isset($brain))?: die;
    div {
    background-color: #FCF8F7;
    height: 120px;
    background-image: url(https://html5book.ru/images/flower112.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    }
    Ответ написан
  • Как сделать картинку на весь div?

    Dimastik86
    @Dimastik86
    (isset($brain))?: die;
    Ответ написан
    Комментировать
  • Как сделать рамку вокруг тени текста?

    Dimastik86
    @Dimastik86
    (isset($brain))?: die;
    1. можно сделать тупо шрифтом
    2. можно сделать тупо вектором
    3. ня

    Ответ написан
    5 комментариев