您的当前位置:首页>全部文章
鼠标进入父元素,改变子元素样式
<divclass="a"><divclass="b"></div></div>.a{width:300px;h...
发表于:2023-09-06 浏览:169 TAG: #CSS
鼠标进入兄弟元素,改变同级兄弟元素的样式
<body><divclass="a"></div><divclass="b"></div><...
发表于:2023-09-06 浏览:190 TAG: #CSS
鼠标进入元素,出现动态移动的边线框
<body><divclass="a"><divclass="b"><divclass="b-top&quo...
发表于:2023-09-06 浏览:181 TAG: #CSS
子元素添加margin,导致父元素上下有偏移
解决方案:在父元素添加overflow:hidden<body><divclass="a"><divclass="b">&l...
发表于:2023-09-06 浏览:203 TAG: #CSS
媒体查询
@mediascreenand(min-width:600px)and(max-width:900px){body{background-color:#F5F5F5;}}
发表于:2023-09-06 浏览:166 TAG: #CSS
媒体分界点
超小屏幕手机<768px小屏幕平板>=768px中等屏幕桌面>=992px大屏幕桌面>=1200px
发表于:2023-09-06 浏览:284 TAG: #CSS
超出文本使用省略号
//单行div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}//多行div{display:-webkit-box;-webk...
发表于:2023-09-06 浏览:252 TAG: #CSS
user-select文本选中
user-select:auto|none|text|element|all|-moz-noneauto——默认值,用户可以选中元素中的内容none——用户不能选中元素中的任何内容text——用户可以...
发表于:2023-09-06 浏览:171 TAG: #CSS
input外边框样式去不掉
input{outline:none;}
发表于:2023-09-06 浏览:180 TAG: #CSS
CSS中三种显示和隐藏
1.overflow溢出显示和隐藏,占据原来的空间div{overflow:visible;}div{overflow:hidden;}2.display隐藏不占据空间div{display:bloc...
发表于:2023-09-06 浏览:171 TAG: #CSS