发表于: 2018-09-15 09:06:10
1 796
今天完成的事情:
1. 完成任务5大部分内容,主要是精简了css的编写,学会使用相同的类或者利用相邻选择器、兄弟选择器及伪类选择器等减少重复的样式编写。
2. 对 BootStrap 的整体有初步的学习。
明天计划的事情:
1. 修改任务五的代码,修复存在的问题。
2. 着手开始任务六的页面编写。
3. 学习 html 的 table 元素用方法。
遇到的问题:
1. 在文字换行时,会产生溢出的情况。
解决办法:暂时没有找到好的解决办法。启用 overflow 属性控制的话会有滚动条,与设计图不符。
2. 这个问题比较奇怪:在 浏览器的普通模式下是正常的。但是在响应式模式下,<main> 的 width 为 100% 不起作用,会在右侧有空白,检测过 margin 是为 0 的,盒子模型计算也是显示的与窗口宽度一致。 如图:
解决办法:暂时无,待进一步解决。在查询这个问题时,普遍的回答是 html , body等元素出现边距,但是将其边距设置为0后还是会出现这种情况。
收获:
选择器的优先级,及权重的计算。在写css时,还疑惑为什么后出现的样式没能覆盖之前的样式,后面才想选择器的优先级这一概念。粗略的计算可以采用网传的这种方法:选择器通过权重值 1(div等)、10(class)、100(id)、1000(内联)来进行计算。而且有两个特例:一个是 !important 会覆盖其他的样式,第二个则是 :not
否定伪类在优先级计算中不会被看作是伪类. 事实上, 在计算选择器数量时还是会把其中的选择器当做普通选择器进行计数.
评论