css
关注
分享
扫一扫
爬楼梯的小新
这个作者很懒，什么都没留下…
展开
-
CSS设置背景颜色透明
opacity属性参数的不透明度是以数字表示的，从0.0到1.0，完全透明是0.0，完全不透明是1.0，数字越大代表元素越不透明。 .thirdParty { width: 100rpx; height: 85rpx; color: #fff; opacity: 0.0; }原创 2022-04-13 10:13:26 · 298 阅读 · 0 评论 -
css鼠标点击后取消光标焦点,光标设置透明
鼠标点击后 会有光标闪烁 如果想取消 可以将其光标设置为透明 /* 点击后光标设置为透明 */ caret-color: rgba(0,0,0,0);原创 2022-04-07 16:23:07 · 1653 阅读 · 1 评论 -
html元素设置position:absolute绝对定位后，onclick点击事件失效问题
问题场景：form设置了绝对定位，form里面有个按钮，按钮注册了onclick事件，发现点击按钮没反应；问题解决：在chrome中打开该网页，鼠标移到这个按钮上右键检查，发现form后面定义的html元素在该按钮的上面层，由此可知 ，我们点击按钮，实际上并没有点击到按钮......只需在form绝对定位的样式里添加一行代码，让按钮浮上来：position: absolute;z-index: 99;//添加该行代码即可转载自:html元素设置position:absolut.转载 2022-04-06 15:22:17 · 2487 阅读 · 0 评论 -
关于flex两端对齐的问题
关于flex两端对齐的问题原创 2022-04-01 10:16:40 · 470 阅读 · 0 评论 -
如何让div盒子在页面居中显示
让盒子定位 并且transform平移原创 2022-03-25 14:23:40 · 165 阅读 · 0 评论 -
css样式 超大背景图片居中显示
适用于背景图片过大 想要占据网页半个页面时 把图片最中心的部分展示出来tp { background-image: url; background-repeat: no-repeat; //不重复 background-position: center top;}原创 2022-01-12 11:45:37 · 492 阅读 · 0 评论 -
图像标签属性
alt 替换文本 图像不能显示 会出现的文字title 提示文本 鼠标放到图像上 显示的文字原创 2022-01-08 19:30:50 · 307 阅读 · 0 评论 -
css3新增选择器:nth-of-type 奇偶选择器
:nth-of-type(even) 偶数选择器:nth-of-type(odd) 奇数选择器原创 2021-07-08 17:53:19 · 652 阅读 · 0 评论 -
使用js实现上传图片和文件下载
上传图片通过onchange触发文件选择后的方法，然后通过浏览器提供的URL.createObjectURL()方法构建一个本地的blob对象路径e.target 得到的是input对象e.target.files[0]. 得到的input选择的第一张图片html：<body> <input type="file" value="选择文件" id="file"> <img src="" id="img" alt="暂无" wid..原创 2021-08-06 01:17:46 · 1061 阅读 · 0 评论 -
flex弹性布局
display：flex；写在父盒子里原创 2021-07-08 18:05:44 · 252 阅读 · 0 评论 -
input标签type=number时取消后面的上下箭头
input标签，type=number时，取消表单后面的上下箭头原创 2021-07-29 14:22:42 · 276 阅读 · 0 评论 -
css（HTML新增标签）
<header> 标记定义一个页面或一个区域的头部<footer> 标记定义一个页面或一个区域的底部<nav> 标记定义导航链接<menu> 菜单列表<section> 标记定义一个区域<aside> 标记定义页面内容部分的侧边栏<article> 标记定义一篇文章<hgroup> 标记定义文件中一个区块的相关信息<mark> 标记，内容显示背景颜色，可以修改<address&g.原创 2021-07-23 09:41:27 · 301 阅读 · 0 评论 -
调整文字之间间隔距离
由于在小程序中 所以像素是rpx；.title { text-align: center; letter-spacing: 25rpx;}原创 2021-07-09 16:02:27 · 303 阅读 · 0 评论 -
解决html图片空隙留白问题
设定图片样式，垂直对齐，解决了图片图片之间含有空隙的情况img{ vertical-align:bottom; }原创 2021-07-16 11:52:43 · 1117 阅读 · 0 评论