CSS结构命名方式

转载于 2011-04-09 17:49:00 发布 · 55 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hidepeng/archive/2011/04/09/2010667.html

主体结构
    top
    header
        header_logo
        header_form
        header_nav
        header_where
        …………

    main
        main_blockname

    footer
        footer_nav
        footer_copyright
        …………

    banner

模块结构
main_blockname
    main_blockname_top
        main_blockname_topName
        main_blockname_topMore
    main_blockname_ctn
        main_blockname_ctnItem

main_blockname_itemImg

main_blockname_itemTitle

main_blockname_itemText

main_blockname_itemMore

        main_blockname_ctnImg
        main_blockname_ctnTitle
        main_blockname_ctnText
        main_blockname_ctnList
        main_blockname_ctnMore
        main_blockname_ctnForm
    main_blockname_bom

…………

通用布局

center

left right

lef mid rig

转载于:https://www.cnblogs.com/hidepeng/archive/2011/04/09/2010667.html