命名禁止缩写。简明扼要地命名类。不要使用自定义缩写。类名的命名必须是行为的和语义的。非特殊情况禁止书写！importantCSS本身有权重设计，随意使用!important会导致权重混乱，无法维护。宽度和高度不应轻易限制。用户可以设置自己的浏览器。例如，Android手机可以设置显示字体大小，而硬编码的高度会导致字体相互重叠。禁用RWD的移动设备具有无限高度和有限宽度。请不要把宽度写死。img请让它自动缩放请不要为img容器设置宽度或高度，让它根据设备自行缩放。请使用bootstrap的img-responsive。如果你真的想使用：width:100%;高度：自动；如果要为imgborder-radius设置样式，请使用父元素来控制行为，保持img只加载图片，不加载样式。优先使用网格排版，请不要花很多时间写媒体查询，设置一堆断点，自己写组件样式，自己控制每个设备上的容器宽度。请使用网格系统，这些都是成熟的框架，其中一些已经为您处理了浏览器兼容性问题。不要直接覆盖或直接通过在原有框架的类中添加内容的方式编写新的类，不要覆盖原有的设计。不要在现有类中添加样式，请单独编写一个。在设计RWD网站时，请遵循设计者的设计顺序，本着先移动端，先桌面版，再移动版的原则。当前端工程师拿到可视化地图，开始编写HTML/CSS时，移动端是第一优先。在手机上打开网页对于手机性能和网络条件来说是非常困难的。前端工程师一开始就优先考虑移动端，这样一开始就可以加载HTML，以最少的性能快速加载网页。开始做桌面版的时候，只会跑一点点，做适当的微调。反之，如果先制作桌面版，等到移动版切屏或者版出问题的时候，调整的时间会比较长。然后是iPhone的视网膜，当它放在手机上时，它会自动将图像尺寸放大一倍。您可以在制作之初就了解图像加载是否昂贵。为了让图片在iPhone上有更好的体验，建议优先使用手机版。不能使用html标签选择器。请直接定义类的样式，不要指定html标签。级别不能超过三级。超过三层说明耦合度太高，不灵活，不便于维护。当使用同一个元素时，不要在里面写一堆东西。请分开排版，把border-radius写在img上。请保持img清洁。定位，如position:absolute;不要随意删除屏幕上的标签或行为。请注意，如果要删除某些样式，请根据使用程度来决定。使用级别遍及全站，请直接使用reset.css，使用级别中下，请定义一个classreset.csscommonatag没有underlinelist消除原有样式请在reset.css上定义，并设置为第一个加载顺序有JavaScript行为的类可以加namespace#js-project-show{}不要随意使用brhr标签br是换行，请在p标签中使用，有的时候可以用p中的字符太多。hr是快线，不过很快就会被淘汰，请用border写在class里。br一定要考虑父块是不是display:block;，如果要换行，要考虑是不是下一段文字。请使用边框来书写线条。
