Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何有效地使用CSS?_Css_Twitter Bootstrap - Fatal编程技术网

如何有效地使用CSS?

如何有效地使用CSS?,css,twitter-bootstrap,Css,Twitter Bootstrap,当我在VS2013中对标准MVC模板中的网页样式做了一些小改动时,我花了很多时间试图找出是什么导致了行为的改变。它使用Twitter引导 我发现很难找到遍布各地的风格。例如,布局页面中的菜单至少标记了六个类:导航栏导航栏反向导航栏固定顶部容器导航栏折叠和折叠。试图找出哪种类型的类影响某些行为是很费时的。Chrome中的F12工具栏有点帮助,但我发现它也令人困惑 人们可以分享一些技巧以及他们如何攀登CSS曲线。通过F12的Chrome开发工具是你最好的选择。有效地使用它将符合您的最佳利益 以下是谷

当我在VS2013中对标准MVC模板中的网页样式做了一些小改动时,我花了很多时间试图找出是什么导致了行为的改变。它使用Twitter引导

我发现很难找到遍布各地的风格。例如,布局页面中的菜单至少标记了六个类:
导航栏
导航栏反向
导航栏固定顶部
容器
导航栏折叠
折叠
。试图找出哪种类型的类影响某些行为是很费时的。Chrome中的F12工具栏有点帮助,但我发现它也令人困惑


人们可以分享一些技巧以及他们如何攀登CSS曲线。

通过F12的Chrome开发工具是你最好的选择。有效地使用它将符合您的最佳利益

以下是谷歌关于如何使用Chrome DevTools编辑和检查DOM的文档:


这不是一个合适的问题,因为它主要是基于观点的。您可能会寻找模块化css、OOP css或BEM