品优购项目(web)
品优购项目
目标:
1、能够引入ico图标
2、能简单看懂网站优化的三大标签
3、能使用字体图标(重点)
4、能说出我们CSS属性书写顺序
一、代码规范
1、HTML规范
2、图片规范
3、CSS规范
4、命名规范
项目文件夹:pinyougou
样式文件夹:CSS
脚本文件夹:js
样式类图片文件夹:img
产品类图片文件夹:upload
字体类文件夹:fonts
文本样式的分类:
1》初始化CSS(CSS reset)让浏览器风格统一,把常用的初始化语句放入base.css里面。
2》我们把一些公共的样式放入common.css里面
1》ClassName命名(类名命名规则)
ClassName的命名应该尽量精短、明确,必须以字母开头命名,切全部字母为小写,单词之间统一使用下划线“—”连接。
例如:.nav_top
2》常用命名推荐
注意:ad、banner、gg、guanggao等有机会和广告挂钩的字眠建议不直接用来做ClassName,因为有些浏览器插件(Chrome的广告插件等)会直接过滤这些类名,因此
这种广告的英文或拼音类不应该出现
另外,敏感不和谐字眼也不应该出现,如:
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现