发表于: 2021-04-16 23:02:13

1 1116


今天完成的事情:

制作企业伙伴页面

也是跟前面两页一样,

使用栅格系统

合作企业栏,打算用无序列表来做的, 

添加hover效果

鼠标移动到阿里巴巴的时候。只有阿里巴巴有hover效果,

我的思路是先给阿里巴巴添加个hover,效果是鼠标移动到阿里巴巴的时候变成橘红色

阿里巴巴代表a标签,因为小圆点是放在a标签里面的,就是小圆点是阿里巴巴的儿子,

.enterprise:hover.circular {
    background-color#f9a372;
}

结果只有阿里巴巴有hover效果,如下

目前找不到原因,先试下不用ul来做,用div来做

先把其他部分先做出来

 

学习媒体查询,

1、什么是媒体查询

媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。

2、为什么响应式设计需要,媒体查询
如果没有CSS3的媒体查询模块,就不能针对设备特性(如视口宽度)设置特定的CSS样式

3、如何在CSS文件中引入媒体查询

媒体查询写在CSS样式代码的最后,CSS是层叠样式表,在同一特殊性下,靠后的的样式会重叠前面的样式


明天计划的事情:给任务八添加媒体查询,完成任务九
遇到的问题: hover用得有点蒙
收获:媒体查询的作用,


返回列表 返回列表
评论

    分享到