1.符号应用场景2。全部使用小写英文字母，禁止使用汉语拼音。4.命名原则使团队成员能够理解自己的代码，也便于他们查找和修改代码。

主页2。子页面下的主页。我对我们的信息反馈。反馈产品。产品购物商店柜台计数3。一级页面登录注册用户管理userManger

1.图片文件的后缀。png jpg gif bmp图片名称分为头部和尾部两部分，中间用下划线隔开。头部表示一个大类，比如产品下的手机电视产品-电视产品-iphone。

例如广告标志菜单按钮。

-放置在页面顶部的广告【banner】-企业商标【logo】-在页面某一位置连续出现的性质相同的链接栏目图片称为【menu】菜单【menu】-关于我们。GIF-用于装饰的照片命名为[PIC]-[无链接]带有标题的图片称为[Title]

-www或web存储前端代码文件-css存储css文件-src存储js文件-视图或页面存储html vue文件-asses存储所有[资源文件] -images存储图片文件-library存储[第三方库]文件-media存储媒体文件-build存储[自动构建工具]或[自动打包工具]处理的文件

-serve存储服务器代码文件-api存储接口文件-modules存储数据库操作文件。

1类禁止与ID重名。2书写顺序：版面定位属性本身，文字属性，其他属性

定位类属性

边距\填充\浮动\清除\位置(对应上、右、下、左)\显示\可见性\溢出等。

自有属性宽度\高度\背景\边框

属性font \ color \ text-align \ text-decoration text-indent \ white-\ other text \ content等。

其他属性列表式\垂直对齐\光标\z向索引\缩放等。

1.在编写代码之前，考虑全局提高[代码风格可重复性]。2.使用更兼容的样式。减少位置抽象固定属性的使用。4.为重要图片和[标题属性]添加[alt]重要标签。5.合理使用选择器。尽量不要使用伪类选择器nth: type-of-child () 6。避免使用它们！重要权重最高。7.注意，大的区域必须标注，小的区域适合于方便查看。8.尝试使用一致的属性；边距边框

页面结构

原始链接：