css
关注
分享
扫一扫
kilito_01
自律学习，早日迈入中级前端
展开
-
css背景层级低
css背景层级低原创 2022-08-31 10:24:35 · 790 阅读 · 0 评论 -
base.css
base.css原创 2022-08-01 10:37:01 · 182 阅读 · 0 评论 -
css3中不规则图形嵌入其他图片mask属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2022-04-19 10:13:56 · 429 阅读 · 0 评论 -
css精灵图的使用
原创 2022-04-02 16:57:19 · 266 阅读 · 0 评论 -
css修改滚动条
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>修改滚动条</title> <style type="text/css"> .box{ width: 300px; height: 400px; overflow-y: auto; } /* 滚动条轨道的宽度 高度是根据内容多少自适应 */ .原创 2022-03-04 10:28:20 · 974 阅读 · 0 评论 -
图片或按钮用动画一个个显示出来
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-11-16 15:35:46 · 203 阅读 · 0 评论 -
text-size-adjust
text-size-adjust 的用法 text-size-adjust会根据设备尺寸而自动调整文字大小，这对于前端效果并不一定是需要的，所以我们一般会修改这个属性，将字体大写严格设置为我们定义的大小 html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; } 或者 html { -ms-text-size-adjust:原创 2021-11-16 09:27:15 · 2238 阅读 · 0 评论 -
-webkit-tap-highlight-color
（一）-webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。 想要禁用这个高亮，设置颜色的alpha值为0即可。 示例：设置高亮色为50%透明的红色: -webkit-tap-highlight-color: rgba(255,0,0,0.5); 浏览器支持: 只有i原创 2021-11-16 09:25:24 · 4813 阅读 · 0 评论 -
css超出2行在ie11中失效的解决办法
max-height: 45px;（直接让他限制高度，超出高度就隐藏了） overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 如果想要后面有省略号的话，可以用伪元素来做 例如 content:’…’; position: absolute; right:0; button:0 具体数值和参数根据实际情况修改 ...原创 2021-11-10 15:21:14 · 847 阅读 · 0 评论