css
文章平均质量分 51
爱喝奶茶的小韩
路漫漫其修远兮
展开
-
鼠标悬停时,图片切换的方法
在我们写前端页面时,经常会遇到这种情况,就是鼠标悬停某个图标或者图片时,图片颜色发生了变化或者图片发生改变。这种情况如何实现?1、直接在html样式里进行切换<div class="container"> <img src="../img/icon-social-ip-white.png" onmouseover="this.src='../img/icon-social-ip-blue.png'" onmouseout="this原创 2021-02-02 14:15:01 · 14693 阅读 · 3 评论 -
Flex布局--子项常见属性
1、flex:子项目占的份数定义子项目分配剩余空间,默认值为0<section> <div class="item1"></div> <div class="item2"></div> <div class="item3"></div></section>section{ width: 60%; height: 150px; background-color: pink; m原创 2020-12-30 15:54:45 · 444 阅读 · 0 评论 -
Flex布局--父项常见属性
文章目录前言一、Flex布局是什么?二、基础用法1.display:flex;2.父项常见属性前言flex 是常用的 css3 布局方式,可以用少量的代码高效的实现各种页面布局,是一个基础的但是必须会的基本技能一、Flex布局是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。二、基础用法1.display:flex;如果你想用flex布局,首先得在父盒子里填写 display:flex;属性,来控制子盒子的属性和排列方式。<原创 2020-12-30 11:24:38 · 435 阅读 · 0 评论 -
用css隐藏页面元素的六种方法
用css隐藏页面元素的六种方法1.display: none;真正意义上的隐藏,页面源码都不显示隐藏的页面源码,隐藏的元素不占用任何空间,元素的盒空间都不生成,好像元素就不存在,但是可以通过DOM操作访问到2.visibility: hidden;显示不可见,元素位置处显示一块空白,会影响布局,不过不会影响交互操作。3.opacity:0设置元素的透明度,会影响页面布局 但只是不可见 元素位置显示一块空白,会影响页面交互操作4. position: absolute; top: -9999px原创 2020-12-23 20:30:26 · 309 阅读 · 2 评论