发表于： 2019-04-27 20:57:46
1 811
今天完成的事情：今天学习了只用css写侧边栏，暂时还没学会
明天计划的事情：学习纯css完成侧边栏
遇到的问题： 之前引用框架，直接用别人写好的组件，拿来用就行，今天自己上手写了下耳边栏，总是会触发bug,一直修改，明天好好看看
收获：学习了css写侧边栏
查了一点实现侧边栏的思路
最外层的是 ul ，ul里面是包含着的 a 标签的 li ，每个 li 后面都有 <br>；a标签中带着一些文本；
开始控制 ul 和 li 的属性；
*和ul的选择器，将页面中的一些默认格式清除；
li选择器，中display：inline-block；将li变为 块元素；
min-with属性控制最小宽度；
由于 li 变为 块元素，设置最小 宽 的话就可以用 文本 ‘撑开’（用 a 标签里的文本）设置 a 标签的属性来控制 它 在 li 中的位置；（padding属性）
之后给 li 添加背景色，直接用 background 属性（给每个有不同选择器的 li 分别添加）
之后就是将 li 撑开的宽度给隐藏（隐藏 a 标签）；
li：hover ，控制悬停是 a 标签显示；
返回列表
评论