1.符号应用场景2。使用小写英文字母和英文,禁止汉语拼音4。命名原则使团队成员能够理解自己的代码,也便于他们查找和修改
主页2。子页首页我的反馈关于我们的反馈产品购物商店柜台3。1级页面登录注册用户管理用户管理器
1.图片文件的后缀。png,jpg,gif,BMP。画名分为头部和尾部两部分。头部用下划线分隔。例如,产品下的手机电视产品-电视产品-iPhone
例如,广告标识菜单按钮
放置在页面顶部的“广告”“横幅”--企业商标“logo”性图片“logo”--连续出现在页面一定位置,性质相同的链接栏图片称为“菜单”菜单--阿布图。GIF-用于装饰的照片被命名为“PIC”-标题“没有链接”的图片被称为“title”
-WWW或web存储前端代码文件-css存储css文件-SRC存储js文件-视图或页面存储html vue文件-资产存储所有“资源文件”-图像存储图片文件-库存储“第三方库”文件-媒体存储媒体文件-构建存储“自动构建工具”或“自动打包工具”处理的文件
-serve存储服务器代码文件-api存储“接口文件”-modules存储“数据库操作文件”
1禁止c
ID中的Lass重名2书写顺序:布局定位属性>自身属性“文本属性”其他属性
布局定位类属性
边距\padding\flow\clear\position(对应的上、右、下、左)\display\vision\overflow等
自属性宽度\高度\背景\边框
文本属性字体\颜色\文本-对齐\文本-装饰文本-缩进\白色-\其他文本\内容等等
其他属性列表样式\vertical-align\cursor\z-index\zoom,等等
1.在编写代码之前,考虑在全局范围内提高“代码风格可重复性”。2.使用更兼容的样式,CSS2。3.减少位置absuolute固定属性的使用。4.重要图片添加“ALT”和“标题属性”。5.合理使用选择器,尽量不要使用伪类选择器第n:type-of-child()。6.避免使用不要拥有!重要权重最高为7。注意大面积一定要注释,小面积为宜,方便查看8。尽量使用一致的属性;边距边框
页面结构
原文链接: