浅谈良好的代码习惯之css

我们都知道,前端工程师可以写网页的,那初级前端工程师能写网页,高级前端工程师也能写网页,为什么有的公司情愿多花点钱请个高级工程师也不愿多请几个初级工程师勒?
其实有很大的一个原因是高级工程师的写代码有好的习惯,而且会考虑到后期维护成本,尽量避免之。
我这里告诉大家一些初级的习惯,希望大家记住,习惯要从小白的时候开始养成哦。
第一:写css一定要写注释,html也一样。哪一部分是head哪一部分是case,product,foot等都要写清楚。

第二:写css要学会初始化,那样会节省很多代码。例如,我们一般不喜欢a链接的下划线,基本整个网页就没有它的下划线,此时我们可以写上:

/*************************css初始化***********************/
a{
	text-decoration: none;
}

/**********************head*****************************/

这样后面页面写的a元素都没有下划线,不用再给a单独的设置。
还有比如我们的网页上的大部分字体是红色,字体大小大部分是16px,字体风格是微软雅黑。
那么此时我们可以初始化body,如下

/*************************css初始化***********************/
a{
	text-decoration: none;
}
body{
	font-size: 16px;
	font-family: "微软雅黑";
	color:red;
}

/**********************head*****************************/

这样初始化后,网页里面所有是这种样式的文字都不用单独写了,文本属性直接继承(这里要记住a元素不继承文字颜色,需要单独写)

第三:写css要考虑到后期维护成本,很多东西我们不能写死了,不然后台换个数据进去网站就崩了岂不是很难堪(要被后端嘀咕一天),所以我们尽量不要写死,比如导航栏,我们的ul和li可以不给宽度,由里面的a元素撑开,我们的a元素也不给宽度,由左右padding和字体本身大小撑开,这样的话整个导航就是活的,此时如果需要新加导航,直接复制粘贴html对应元素即可

这里举的几个小例子,当然高级前端不止这些优势,诸如性能考虑之内等都是高级前端相对初级的优势。

希望小白们能从写代码之初就养成好习惯,至少写注释这一点要记住。特别后面的js,如果不写注释,你写的函数是什么功能别人都不知道,前端后台同事看你的参数也是懵的,特别影响团队协作效率,一定要有注释习惯,至于其他的,可以慢慢养成。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值