发表于： 2018-05-30 21:28:59
2 539
今天完成的事情：
今天把昨天剩下的深度思考问题看完了。
Q4:HTML中dl、ul、ol用哪个比较好？
- dl--定义列表
- dl标签被发明用来严格地标记定义属于和对术语的解释，但现在被许多设计师扩展了定义列表的含义，经常运用到“名”--“值”对这样的情况中
- 应用于无序列表
- 苹果
- 梨子
- 香蕉
- 应用于有序列表
- 第一章
- 第二章
- 第三章
Q5:去除inline-block间距有哪几种方法？
Q6:CSS有哪些属性可以继承？
| 无继承属性 | display | 规定元素应该生成的框的类型 | |
| 文本属性 | vertical-align | 垂直文本对齐，跟line-height属性相关。 | |
| text-decoration | 规定添加到文本的装饰 | ||
| text-shadow | 文本阴影效果 | ||
| white-space | 空白符的处理方式 | ||
| unicode-bidi | 设置文本的方向 | ||
| 盒子模型属性 | width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left | ||
| 背景属性 | background、background-color、background-image、background-repeat、background-position、background-attachment | ||
| 定位属性 | float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index | ||
| 生成内容属性 | content、counter-reset、counter-increment | ||
| 轮廓样式属性 | outline-style、outline-width、outline-color、outline | ||
| 页面样式属性 | size、page-break-before、page-break-after | ||
| 声音样式属性 | pause-before、pause-after、pause、cue-before、cue-after、cue、play-during | ||
| 有继承属性 | 字体系列属性 | font, font-family, font-weight, font-size, font-style, font-variant, font-stretch(所有主流浏览器都不支持), font-size-adjust | |
| 文本系列属性 | text-indent, text-align, line-height, word-spaceing, letter-spacing, text-transform, direction, color | ||
| 元素可见性 | visibility | ||
| 表格布局属性 | caption-side、border-collapse、border-spacing、empty-cells、table-layout | ||
| 列表布局属性 | list-style-type、list-style-image、list-style-position、list-style | ||
| 生成内容属性 | quotes | ||
| 光标属性 | cursor | ||
| 页面样式属性 | page、page-break-inside、windows、orphans | ||
| 声音样式属性 | speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation | ||
| 所有元素可以继承的属性 | visibility, cursor | ||
| 内联元素可以继承的属性 | 字体系列属性， 除text-indent, text-align之外的文字属性 | ||
| 块级元素可以继承的属性 | text-indent, text-align | ||
开始着手了任务7，完成了两张页面，不过看起来还有点问题，缩到最小时（<320px）会出现横向滚动条，似乎时应用了bootstrap中col-xs-*栅格系统的问题。
在这儿也问师兄一个问题，小于320px的屏幕出现滚动条是不能接受的吗？其实我觉得再320px屏幕时不出现滚动条，对于再小的屏幕就没必要再作限制了吧？
明天计划的事情：
明天计划完成任务7，并且修改页面中留下的BUG
遇到的问题：
任务6，在屏幕缩到最小的时候会出现横向滚动条，是由于bootstrap栅格系统的问题，把col-xs-*换为col-sm-*可以改好，但是目前这个情况在任务7里面也有，但是通过更改栅格系统的类型还无法解决，还待研究。
收获：
通过联系任务7，学习到了伪类，伪类我理解为类似于鼠标键盘时间，但是需要注意一点，比如我要在鼠标悬停时触发事件，比如我要触发显示一个div的事件，要触发的div必须在父div中，对父div使用伪类
<div class="parent">
<div class="child" >
</div>
</div>
.child{
display:none;
}
.parent:hover .child{
display:block;
}
返回列表
评论