Как эффективно работать с CSS?

-2

Я провел много часов, пытаясь выяснить, что вызывает изменение поведения, когда я сделал некоторые небольшие изменения в стилях на веб-странице из стандартного шаблона MVC в VS 2013. Он использует Twitter Bootstrap.Как эффективно работать с CSS?

Мне очень сложно отслеживать стили, разбросанные повсюду. Например, меню на странице макета помечено как минимум шестью классами: navbarnavbar-inversenavbar-fixed-topcontainernavbar-collapse и collapse. Это занимает много времени, пытаясь выяснить, какой стиль какого класса влияет на какое-то поведение. Панель инструментов F12 в Chrome помогает немного, но я нахожу ее запутанной.

Могут ли люди делиться любыми трюками и как они поднимаются по кривой CSS.

источник

2015-03-30 Old Geezer

слишком широкий мат ... – knitevision

Это не соответствующий вопрос [SO], как это в первую очередь основанное на мнениях. – zzzzBov

вы, вероятно, ищете модульные css, https://smacss.com/, или OOP CSS, или BEM – knitevision

Хром DevTools через F12 - ваш лучший вариант. Было бы в ваших интересах вступить в силу с этим.

Вот документация Google о том, как использовать Chrome DevTools редактировать и проверять DOM:

https://developer.chrome.com/devtools/docs/dom-and-styles

источник

2015-03-30 01:29:45 xengravity

Как эффективно работать с CSS?

ответ

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