Are these css class names good?

See the section of /* Common Classes */this page.

http://webdesign.about.com/od/css/a/master_stylesht_2.htm

are these css classes good to use in any project? in terms of semantic?

/* Common Classes */

.clear { clear: both; }

.floatLeft { float: left; }

.floatRight { float: right; }

.textLeft { text-align: left; }

.textRight { text-align: right; }

.textCenter { text-align: center; }

.textJustify { text-align: justify; }

.blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */

.bold { font-weight: bold; }

.italic { font-style: italic; }

.underline { text-decoration: underline; }

.noindent { margin-left: 0; padding-left: 0; }

.nomargin { margin: 0; }

.nopadding { padding: 0; }

.nobullet { list-style: none; list-style-image: none; }
+3
source share
5 answers

. . css , , , "" -, "" . - (.. ) , (.. ), . , - , , , , , .

, - html, , CSS , . , , (, "bluefont", color: red). , "bluefont" , . "abgewdgbcv", -, : .

: . . W3.

+14

, .

, , , .

, , "bluebold", , , , , , , .

+13

, , , , , - , !

Edit:

, , , , .

+1

CSS . . , - , :

*{
margin:0;
padding:0
}

li {
list-style: none; 
list-style-image: none;
}

, floatLeft floatRight ,

<div id="main">
<div class="searchPanel">
</div>
<div class="resultsPanel">
</div>
</div>

CSS ( )   #main searchPanel {    ;   }   # Panel {   float: right;   }

, . / . .

-1

:

  • .floatLeft.float-left: .

  • .bold→ the .important name should tell the purpose, not showing how to do it

  • .nobulletul.nobullet it is best to specify to avoid conflict with other css.

-3
source

Source: https://habr.com/ru/post/1740682/


All Articles