分类 css 下的文章
CSS中提升优先级属性!important的用法总结
一、语法
选择器{样式:值!import;}
二、说明
提升指定样式规则的应用优先权,即!important为开发者提供了一个增加样式权重的方法,让浏览器首选执行这个语句。
flex布局两边固定宽 中间自适应
flex属性是flex-grow, flex-shrink 和 flex-basis的简写
该属性有两个快捷值:auto (1 1 auto) 和 none (0 0 auto)。
建议优先使用这个属性,而不是单独写三个分离的属性,因为浏览器会推算相关值。
background-size cover和contain的区别
相同点:图片都是等比例缩放
不同点:cover是铺满整个显示区域。如果显示比例和显示区域的比例相差很大某些部分会不显示
比如下面这张图,宽比高大很多,使用cover那么两边的就不会显示
background:#ccc url(111.jpg) no-repeat center top; background-size: cover;
两边的去掉很多,如果图片很小就会放大到没有空白,其中一边就会不显示
contain:正好相反,他是按照某一边来覆盖显示区域的,会有白边
css 伪类介绍
锚伪类
在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态。