CSS布局命名习惯
说明：均为class，需要扩展，则在当前命名内以“_“(下划线)后缀自定名称。
我习惯称列表页为list，新闻列表则为newslist，图片列表为piclist，
内容页为view，
/**/
整体大框架：#wrapper
大框架内：#inwrapper
→←→←→←→←→←→←→←→←→←→←→
顶部及banner：.top
顶部及banner内：.intop
Logo：.logo
Banner：.banner
导航：.menu
导航内：.inmenu
.Menuul
.Menuul li
.Menuul li a下拉菜单：.inmenu_xiala
.Inmenu_xialaul
.Inmenu_xialaul li
.Inmenu_xialaul li a
→←→←→←→←→←→←→←→←→←→←→
主体内容：.mainWrapper
主体内容内：.inmainwrapper
左侧拦：.sideleft
左侧内：.insideleft
右侧栏：.sideright
右侧内：.insideright
中间：.sidecenter
中间内：.insidecenter
→←→←→←→←→←→←→←→←→←→←→
底部：.foot
底部内：.infoot
→←→←→←→←→←→←→←→←→←→←→
/*其他命名*/
搜索：.search
搜索内：.insearch
搜索条：.searchselect
搜索按钮：.serachbuttom
输入文本框：.input
.select
/*表格样式*/
表格整体框架：.listbox
表格的宽度：.listbox-table
表格头部文字样式：.listbox-header
表格正文文字样式：.listbox-entry
/*通用型*/
通用：.GM/*这个有点郁闷,英文太差...*/
通用内：.INGM
通用左浮动：.GMfl(GM FLOAT LEFT)
通用右浮动：.GMfr(GM FLOAT RIGHT)
/*通用图片样式*/
通用图片样式：.img
/*清除浮动*/
清除所有浮动：.clear
清除左侧浮动：.clearleft
清除右侧浮动：.clearright
/*文字样式*/
文字：.font
/*新闻列表*/
新闻列表：.fontnews
/*View页字体总样式*/
VIEW页字体：.fontview
本文地址:
http://www.it300.com/article-1481.html
评论