1、规范：
▪文件规范
▪注释规范
▪命名规范
▪书写规范
▪其他规范（HTML和图片）
2、文件规范
⑴分类
通用类、业务类
⑵引入
⑶本身
3、注释规范
4、命名规范
⑴分类命名
避免样式污染
g-header表示布局；m-article表示模块
⑵大小写、长度
⑶语义化命名
5、书写规范
⑴单行还是多行
⑵空格与分号
⑶属性顺序
⑷Hack方式
⑸值格式
6、其他规范
⑴HTML规范
⑵图片规范
1、规范：
▪文件规范
▪注释规范
▪命名规范
▪书写规范
▪其他规范（HTML和图片）
2、文件规范
⑴分类
通用类、业务类
⑵引入
⑶本身
3、注释规范
4、命名规范
⑴分类命名
避免样式污染
g-header表示布局；m-article表示模块
⑵大小写、长度
⑶语义化命名
5、书写规范
⑴单行还是多行
⑵空格与分号
⑶属性顺序
⑷Hack方式
⑸值格式
6、其他规范
⑴HTML规范
⑵图片规范
1、规范：▪文件规范▪注释规范▪命名规范▪书写规范▪其他规范（HTML和图片） 2、文件规范⑴分类 ⑵引入 ⑶本身...
1、减少请求图片合并CSS文件合并 2、减少文件大小选择合适的格式。压缩图片。减小CSS文件大小：CSS值缩写；省...
1、少用定宽，多用自适应 2、@media
1、What清楚默认样式↓（进一步扩展）全局样式定义 2、Reset First⑴项目初期就定好⑵引入/内部sty...
1、什么是模块化 2、How 3、Why
1.1.0 什么是切图： 从设计稿中切除网页的素材并在代码中引入图片资源。设计稿 (*.psd) >>（素材切出）...
1、font-size 字体大小 2、font-family 字体格式 3、font-weight 加粗 4...
由於考试的时候做的很不好，于是重新做了一次，代码真的不是看懂就可以的，再简单也要自己亲自练习过才是自己的。如果有看...
水平布局 要求：里外容器的宽度都是不一定的 Methods ①：inline-black + text-align...
本文标题：网易微专业-页面架构 规范
本文链接：https://www.haomeiwen.com/subject/pmpsattx.html
网友评论