CSS Layout Naming conventions

CSS Layout Naming conventions

Description: All class, need to expand, then in the current name with the "_" (underline) suffix custom name.
I used to call the list page as lists, the news list is newslist, the picture list is piclist,
Content page is view,
/**/
Overall Big frame: #wrapper
In the big frame: #Inwrapper
/////////////////////////////////////////////////////////////////////////////////////////////////////////
Top and Banner:. Top
Top and Banner:.Intop
Logo:.logo
Banner:.Banner
Navigation:.Menu
Inside Navigation:.Inmenu
.Menuul
.Menuul Li
.Menuul Li a
Drop down menu:.Inmenu_xiala
.Inmenu_xialaul
.Inmenu_xialaul Li
.Inmenu_xialaul Li a
///////////////////////////////////////////////////////////////////////////////////////////////////////////
Main content:.Mainwrapper
In the main content:.Inmainwrapper
Left stop:.Sideleft
Inside left:.Insideleft
Right column:.Sideright
Inside right:.Insideright
Middle:.Sidecenter
In the middle:.Insidecenter
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
Bottom:.Foot
Bottom inside:.Infoot
////////////////////////////////////////////////////////////////////////////////////////////////////////////
/* Other Name * *
Search:.Search
Search inside:.Insearch
Search bar:.Searchselect
Search button:.Serachbuttom
Enter text box:.input
.Select

/* Table Style * *
Table Overall frame:.ListBox
Width of the table:.listbox-table
Table Header Text style:.Listbox-header
Table Body Text style:.Listbox-entry
/* Universal Type * *
General:.GM* * This is a bit depressing, English is too bad ... * *
Universal internal:.INGM
Universal left float:.GMFL(GM FLOAT left)
Universal right float:.GMFR(GM FLOAT right)
/* Universal Picture Style * *
Generic picture style:.img
* * Clear Floating * *
Clear all floats:. Clear
Clear left float:.Clearleft
Clear right float:.clearright
/* Text Style * *
Text:.Font
/* News list * *
News list:.fontnews
/*view page Font Total style * *
View Page font:.Fontview