发表于: 2021-04-10 22:29:22
1 1016
今天完成的事情:任务十二完成,sass的运用
明天计划的事情:任务十三进行,知识点巩固
收获-深度思考:
编码规范和class命名规范:(良好的编码规范和class命名规范可以让别人一眼就看得懂我们的代码,可读性好。)
代码要写的简洁明了有序,尽可能减少多余的重复的代码,可让别人看的不麻烦,同时保证浏览器解析速度。
html规范:html的结构布局一般跟视觉的排列顺序一致。网页内容的视觉顺序,“从左至右,从上至下”。要有简洁,良好的布局规范。
第一行添加标准模式声明一般都用<!DOCTYPE html> 必要申明HTML文档编码的字符集(charset),
与下面的文本编码保持一致目前都使用“utf-8”<meat charset="utf-8"/>
<title></title>也是不可或缺的一项。根据个人需要使用HTML和CSS的外链式,内联式修饰网页样式的方法。
CSS规范:选择器上多使用能使用类选择器,就不使用id选择器。类选择器命名要简约而又不失其语气。
代码格式要可视性强,减少重复或多余的代码。“选择器,属性和值都要使用小写。属性的顺序也要规范,重要的属性应尽量靠前。
位置属性(position, top, right, z-index, display, float等);尺寸大小(width, height, padding, margin);
文字系列(font, line-height, letter-spacing, color, text-align等);背景(background, border等)
class命名规范:
命名中,都要采用小写的方式,不允许使用大写字母;有的需要加中线,不要使用“_”下划线。
命名避免使用中文拼音,应该采用更简明有语义的英文单词进行组合,
不允许通过1、2、3等序号进行命名;避免class与id重名。
评论