css
关注
分享
扫一扫
资深柠檬精
这个作者很懒，什么都没留下…
展开
-
filter:alpha()与opacity的区别
filter:alpha()与opacity都是用来设置透明度的，区别就在于兼容性的问题，opacity支持高版本的浏览器，IE8以上不包含IE8.opacity1.opacity的取值范围在0到1之间，1代表完全不透明。filter:alpha()1.filter:alpha(opacity=20）表示设置透明度为20，其中透明度范围为0-100，100为不透明。2.filter：alpha（opacity，finishopacity，style，startX，startY，finishX，fi原创 2021-01-11 18:28:17 · 3137 阅读 · 0 评论 -
css实现switch开关
我们有很多放式实现switch开关的效果，平时大多数情况都是用第三方组件来实现的，虽然现在组件的定制性越来越高，但是想要一些特殊的效果还是得依靠原生来实现。那么接下来我们实现一个简单的switch开关效果吧。效果：代码：实现思路：设置一个type="checkbox"的input框让其不展示，但是点击时选中状态会变，然后根据选中状态来控制下面真正展示的label 标签的展示样式即可<!DOCTYPE html><html lang="en"><head>原创 2021-01-05 10:25:27 · 1019 阅读 · 0 评论 -
书本翻页效果 html+css
书本翻页效果 html+css转载 2020-12-23 09:36:48 · 1107 阅读 · 0 评论 -
bootstrap注意事项
bootstrap注意事项1.适配//width 属性控制设备的宽度。网站被带有不同屏幕分辨率的设备浏览，将它设置为 device-width 可以确保它能正确呈现在不同设备上。initial-scale=1.0 确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放。<meta name="viewport" content="width=device-width, initial-scale=1.0">//在移动设备浏览器上，添加 user-scalable=no 可以禁用其缩放原创 2020-12-08 10:10:56 · 1267 阅读 · 4 评论 -
用css来实现除了选中标签外的其他标签的背景颜色设置为指定颜色
用css来实现除了选中标签外的其他标签的背景颜色设置为指定颜色ul li a:not(.active) {background-color: #ddd;}以上css实现了除了选中标签外的其他标签的背景颜色设置为灰色ul li a:hover:not(.active) {background-color: #ddd;}以上css是实现了当鼠标移动到某个元素上时，当这个元素不是被选中的元素时就置灰...原创 2020-11-30 11:10:30 · 2127 阅读 · 0 评论 -
鼠标放在item上，光标样式，可以通过cursor属性来实现
鼠标放在item上，光标样式，可以通过cursor属性来实现自行运行代码，查看光标样式或者在此处进行查看<html><body><p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p><span style="cursor:auto">Auto</span><br /><span style="cursor:crosshair"> //不带箭头的十字架Crosshair</span&原创 2020-11-30 10:25:34 · 1416 阅读 · 0 评论 -
更改浏览器默认换行规则之word-break:break-all和word-wrap:break-word
换行之word-break:break-all和word-wrap:break-word以下是对这两种方法的区别说明：1，word-break:break-all例如div宽200px，它的内容就会到200px自动换行， 如果该行末端有个英文单词很长（studying等），它会把单词截断，变成该行末端为stud(studying的前端部分)， 下一行为ying（studying）的后端部分了。2，word-wrap:break-word例子与上面一样，但区别就是它会把studying整个单词原创 2020-11-16 17:14:00 · 1569 阅读 · 0 评论