发表于: 2018-09-12 16:45:31

2 704


今天完成的事情:任务十三页面三,提交任务十三

明天的计划:任务十四

遇到的问题:这次是不使用bootstrap的,所以当我删除掉bootstrap的链接之后,发现html页面发生里比较大大变化,后来查资料,bootstrap的盒子模型同默认的不同,bootstrap设置为:box-sizing:border-box;所以删除掉bootstrap后就需要自己添加这个属性,你可以可以单独添加,也可以全局添加,全局添加参考:https://www.cnblogs.com/chengdabelief/p/6602069.html,如下:

html {

  box-sizing: border-box;

}

*, *:before, *:after {

  box-sizing: inherit;

}

关于样式表的组织规范,参考了网易http://nec.netease.com/,h-ui的http://www.h-ui.net/Hui-overview.shtml和张鑫旭https://www.zhangxinxu.com/wordpress/2014/03/quicklayout-css-%E5%BF%AB%E9%80%9F%E6%9E%84%E5%BB%BA%E7%BB%93%E6%9E%84%E5%85%BC%E5%AE%B9%E7%9A%84web%E9%A1%B5%E9%9D%A2/

目前对于样式表的拆分比较简单,只是copy了一个normalize.css和一个common.css.

收获:box-sizing:border-box   nomalize.css和common.css




返回列表 返回列表
评论

    分享到