Какой лучший подход к использованию фоновых изображений? Сокращенное свойство или свойства по умолчанию?

-2

Какой лучший подход к использованию фоновых изображений? Сокращенное свойство или свойства по умолчанию?Какой лучший подход к использованию фоновых изображений? Сокращенное свойство или свойства по умолчанию?

источник

2017-02-22 Muhammad Adnan

Я думаю, что это в значительной степени на основе мнений, но для чего это стоит, я считаю, сокращенные методы менее читаемым по сравнению с «нормальным» способом. – BFG

Спасибо за ваш ответ. но немного беспокоиться о старых браузерах и современных браузерах IE и т. д. поддерживают ли они свойство короткой руки? –

У вас не должно быть проблем с поддержкой браузера, поэтому вам решать, какой метод вы предпочитаете. – BFG

Лично я предпочитаю стенографию, так как ваша таблица стилей выглядит намного чище. Когда вы начинаете с CSS, возможно, по умолчанию лучше, но как только вы познакомитесь с CSS, я предлагаю сокращенное название.

В конце концов, мы, люди, ленивы. Сокращенные свойства -> Малый код -> очиститель & упрощенное обслуживание стилей -> более счастливая жизнь!

источник

2017-02-22 08:12:56

Я просто думал о совместимости браузеров. Я имею в виду, что Short-Hand Properties может создавать проблемы, в то время как мы втираем наш код в старые браузеры, такие как IE-версия браузеров? Как вы думаете, есть ли проблема с cmpatibility. ??? При использовании коротких свойств вместо обычного использования фонов ..... –

Насколько я знаю, коротко и не имеет проблем с совместимостью. [Mozilla] (https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties ) docs рекомендует использовать сокращенную форму. Как только вы начнете писать CSS на регулярной основе, вы столкнетесь с [sass] (http://sass-lang.com/), которые снова поощряют короткие руки! –

Это waht, я думаю, что это лучший способ использовать изображение фона, я использовал его несколько раз. Я не беру кредит сюда это полный кредит выходит https://css-tricks.com/perfect-full-page-background-image/

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

источник

2017-02-22 08:13:10 Linushg111

Спасибо за ссылку. Я прочитал эту статью и очистил все мои путаницы в отношении совместимости браузеров. –

Какой лучший подход к использованию фоновых изображений? Сокращенное свойство или свойства по умолчанию?

ответ

Смежные вопросы