我是一个后端开发人员,在UI方面不是那么好。
利用Bootstrap开发全新的云托管angular教育项目。 在我的项目中,当我在这里与UI设计工作时,我使用了许多CSS类来设计特定的容器。
像这样:
<nav class="main-header navbar navbar-expand navbar-white navbar-light madbarsoft-nav madbarsoft-nav-tutgenr madbarsoft-nav-tutgenr-html">
<li class="nav-item d-none d-sm-inline-block madbarsoft-navli madbarsoft-navli-tutgenr">
<input class="form-control form-control-navbar madbarsoft-navscr-inpt navscr-tutgenr-inpt" type="search" placeholder="Search" aria-label="Search">
当我的项目会更大的时候,我可能会面临什么样的问题?
或
有什么警告吗。。?
一些缺点:
总的来说,过度使用类从来都不是个好主意。 您可能会认为,创建大量具有不同样式的类,然后使用这些类来创建样式元素可以使样式UI更容易和更快,但实际上这是一个可怕的想法。
假设有一个CSS类用于三个不同的元素,你改变了这个类样式的一个小东西,现在另外两个元素也受到了影响,为了保持这两个元素不受影响,需要更新这两个元素的其他类,等等,一个小的改变可能会影响代码的很大一部分。
不,你不会得到任何警告。
如果您正在寻找一种组织CSS的好方法,那么BEM(块,元素,修饰符)是一个很好的起点,从结构的角度来看,也因为样式查找的简化。
边界元法
结构化你的风格将有助于维护更大的项目,也将解决大多数常见的问题。