发表于: 2018-10-06 20:33:57

1 744


今天完成的事情:


权重的排序

媒体查询

.navbar-default {
   background-color: #29b078;
}
.navbar-nav {
   float: right;
   margin-top: 10px;
}
.navbar-toggle {
   position: relative;
   float: right;
   padding: 9px 10px;
   margin-top: 21px;
   margin-right: 50px;
   margin-bottom: 8px;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 4px;
}
.box{
   margin-left: 10vw;
}
.navbar-default .navbar-nav>li>a {
   color: #fafafa;
   background-color: #29b078;
}
.navbar-default .navbar-nav>.active>a{
   color: #fafafa;
   background-color: #29b078;
}


明天计划的事情:继续任务八其他内容


遇到的问题:今天遇到了权重优先级的问题,就是我明明修改了css的内容,但是就是不生效,请教了师兄才明白原来还有权重优先级的问题。还有就是媒体查询,一直不是很明白怎样实现网页的变化,而写的内容也变化,看了资料以后才明白。


收获:今天学会了用媒体查询,也了解到相关的一些知识。比如媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。如果没有CSS3的媒体查询模块,就不能针对设备特性,如视口宽度设置特定的CSS样式。媒体查询写在CSS样式代码的最后,CSS是层叠样式表,在同一特殊性下,靠后的的样式会重叠前面的样式。知识拓展:该段媒体查询的意思是:当设备屏幕宽度在320px——720px之间时,媒体查询中body的背景色(background-color:red;)会重叠之前的body背景色,当设备屏幕宽度在320px以下时,媒体查询中body的body背景色(background-color:blue;)会重叠之前的body背景色。


返回列表 返回列表
评论

    分享到