您的当前位置:首页>全部文章 >标签 CSS 关联的文章
图片高度固定,宽度保持图片比例
要让图片的高度固定,宽度按照原图片的比例缩放,可以使用CSS的object-fit属性来实现。<imgclass="responsive-image"src="yo...
发表于:2023-10-17 浏览:103 TAG: #CSS
iframe高度100%时,出现垂直滚动条
原因:iframe=inlineiframe它是一个内联元素,默认是跟baseline对齐的,iframe后边有个看不见,摸不着的行内空白节点,空白节点占据着高度,iframe与空白节点的基线对其,导...
发表于:2023-09-12 浏览:89 TAG: #CSS
rem单位 根据字体大小定义宽高
1.定义html(或者使用:root)的font-size属性2.使用宽度例:width:10rem;3.font-size为20px,10rem就是200px4.可以实现图标和附近的文字等比例htm...
发表于:2023-09-06 浏览:134 TAG: #CSS
镂空文字
<body><divclass="name">用户名称</div></body>.name{background-image:url...
发表于:2023-09-06 浏览:109 TAG: #CSS
鼠标进入父元素,改变子元素样式
<divclass="a"><divclass="b"></div></div>.a{width:300px;h...
发表于:2023-09-06 浏览:89 TAG: #CSS
鼠标进入兄弟元素,改变同级兄弟元素的样式
<body><divclass="a"></div><divclass="b"></div><...
发表于:2023-09-06 浏览:78 TAG: #CSS
鼠标进入元素,出现动态移动的边线框
<body><divclass="a"><divclass="b"><divclass="b-top&quo...
发表于:2023-09-06 浏览:100 TAG: #CSS
子元素添加margin,导致父元素上下有偏移
解决方案:在父元素添加overflow:hidden<body><divclass="a"><divclass="b">&l...
发表于:2023-09-06 浏览:119 TAG: #CSS
媒体查询
@mediascreenand(min-width:600px)and(max-width:900px){body{background-color:#F5F5F5;}}
发表于:2023-09-06 浏览:84 TAG: #CSS
媒体分界点
超小屏幕手机<768px小屏幕平板>=768px中等屏幕桌面>=992px大屏幕桌面>=1200px
发表于:2023-09-06 浏览:208 TAG: #CSS