html – 编写CSS的最佳方式

前端之家收集整理的这篇文章主要介绍了html – 编写CSS的最佳方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
嗨我正在创建一个网站,我对如何编写CSS有点困惑..
我想是否应该使用相同风格的不同类我应该制作风格特定类并在每个地方使用它们……让我用一个例子……

假设我想给出最小高度,我应该使用它:

.div1,.div2,.div3{min-height:335px;}

并像这样使用HTML:

<div class="div1">afads</div>
<div class="div2">fads</div>
<div class="div3">fads</div>

或者我应该这样做:
CSS:

.minheightstyle{min-height:225px;}
.leftitems{float:left;}
.red{background-color:red;}
.blue{background-color:blue;}
.grey{background-color:grey;}

HTML:

<div class="minheightstyle leftitems red">my text in red bg</div>
<div class="minheightstyle leftitems blue">my text in blue bg</div>
<div class="minheightstyle leftitems grey">my text in grey bg</div>

哪种方式是优化方式的最佳方式,我应该使用哪种方式,
有关系吗.

解决方法

我也不会.我不会做第一个,因为如果元素具有相同的样式,那就是类.

如果要为每个样式项创建自定义类,那么我不会这样做,因为这会破坏样式的目的.考虑以下:

<div class="font-size color margin text padding float-left">some div</div>

在上面,它只是使用内联CSS吓人.要更改上面的外观,您需要更改实际的HTML而不是简单的类.

我宁愿创建一个泛型类,例如文章的样式,而不是说class =“font-verdana margin color”等.也许对于颜色你可能有一点,因为你想为三个div使用不同的颜色,但一般来说这三个div应该有同班.

猜你在找的HTML相关文章