发表于: 2021-04-16 23:02:13
1 1116
今天完成的事情:
制作企业伙伴页面
也是跟前面两页一样,
使用栅格系统
合作企业栏,打算用无序列表来做的,
添加hover效果
鼠标移动到阿里巴巴的时候。只有阿里巴巴有hover效果,
我的思路是先给阿里巴巴添加个hover,效果是鼠标移动到阿里巴巴的时候变成橘红色
阿里巴巴代表a标签,因为小圆点是放在a标签里面的,就是小圆点是阿里巴巴的儿子,
结果只有阿里巴巴有hover效果,如下
目前找不到原因,先试下不用ul来做,用div来做
先把其他部分先做出来
学习媒体查询,
1、什么是媒体查询
媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。
2、为什么响应式设计需要,媒体查询
如果没有CSS3的媒体查询模块,就不能针对设备特性(如视口宽度)设置特定的CSS样式
3、如何在CSS文件中引入媒体查询
媒体查询写在CSS样式代码的最后,CSS是层叠样式表,在同一特殊性下,靠后的的样式会重叠前面的样式
明天计划的事情:给任务八添加媒体查询,完成任务九
遇到的问题: hover用得有点蒙
收获:媒体查询的作用,
评论