发表于： 2019-03-18 23:42:22
2 838
今天完成的事情：
1.完善了任务八第一个页面。
2.初步使用table
明天计划的事情：
1.写第三个页面。
2.学习使用css写动画。
3.学习锚点。
遇到的问题：
1.table使用不熟练，tr/td不是盒子模型，只有content和border没有padding和margin。在布局
不顺利。第一行有一个图片和两段文字。要在满足布局的同时自响应。目前的做法是设置第一行display：flex。用弹性盒子写出来的效果不尽人意，页面太丑了。但是想不出来怎么美观一点。。
收获：
1.
hover设置的阴影有可能会被右边的图像挡住，设置一下z-index：1；就好了。
2.
如果给a标签设置下划线效果是这样的不符合。
而我借鉴的师兄是这样的效果，给整个li设置下划线效果，也不好看。
经过思考以后，我最终用伪元素给a标签画了个小点。完美实现效果：
3.
布局这里的时候，为了页面好看，最好设置a标签在li居中。但是三个字和四个字一起居中会不整齐。
百度出来了一个很好用的空格符号&emsp，刚好占一个汉字的大小，还有&ensp，占半个字的大小。这两个空格应该会对文字排版很有用处，要记住。
4.看到了标签命名的姓氏命名法，解决了部分命名难题。一个容器的元素都以父元素的名字为开头（姓）。
比如底部的导航栏 footer-nav。姓最多不要超过3个。以后写css的时候看起来就会整齐一些。可以根据姓氏快速找到部位。
返回列表
评论