继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【#如果你的html文档出bug】

UYOU
关注TA
已关注
手记 464
粉丝 86
获赞 459

今天我们来唠一唠改bug。(文章穿插一点markdown标签语言)

##文档里不易察觉的小细节导致的bug (这一类新手极容易犯)

1.标点符号不是在半角状态下输入的(也就是说不是在英文状态下输入)。

2.漏写符号,例如 color:red;漏掉最后的分号。

3.固定格式写错,例如 media='only screen and (min-width:300px)' 这里的and与()之间必须空格,否则运行出错。

4.如果用了id选择器,给这个标签添加样式的时候css表里面必须格式:#id名,而不是常用的.

##层级结构错误

-漏掉起始标签或者结束标签,所以发生bug时建议检查梳理一下层级结构。

+css样式表如果用了less来写也要特别注意层级结构的梳理。

*如果标签使用了float(浮动)或者position(定位),层级高半层,脱离文档流,这时候就要注意,下面继续添加标签就会是接着上面正常文档流的标签排布,建议慎用脱离文档流的布局方式。大部分情况可以用display属性改变布局,又不会脱离文档流。当然都是可以用的,具体看实际情况。

【好习惯=好技术,代码的层级结构一定要清晰,可阅读性强,如此可有效避免层级结构性bug】



作者:html_dingling
链接:https://www.jianshu.com/p/4d89534d0ede


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP