前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

强调再强调——CSS书写规范、顺序

不论在独自学习的前端,还在培训,怎么遭的。新手往往很容易忽略,前端一个很重要的事情,就是规范和标准,你可能说技术很重要,管他乱七八糟大杂烩,这会影响你写代码的质量,别人也看不懂,还会带来其他一系列的问题。

不知道有没有听说一句话,索尼能够做出世界上最好手机的相机模组,可是做不出好的手机相机。同样,你技术再好,乱七八糟的,你就是做不出一个好网页的。

下面是css样式书写的规范:
declaration-order {
.declaration-order {
/* Positioning(位置) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;

/* Box-model(盒子模型) */
display: block;
float: right;
width: 100px;
height: 100px;

/* Typography(文字版式) */
font: normal 13px "Helvetica Neue", sans-serif;
line-height: 1.5;
color: #333;
text-align: center;

/* Visual(背景) */
background-color: #f5f5f5;
border: 1px solid #e5e5e5;
border-radius: 3px;

/* Misc(其他) */
opacity: 1;
}
}

希望这能够引起想做前端,或前端人员新手引起重视

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言