![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
目标达成
这个作者很懒,什么都没留下…
展开
-
css布局
需要关注的一些点:1 display属性:元素都会有自己默认的display属性值,一般最多的是block和inline block: 一个块级元素会新开始一行并且尽可能撑满容器,如:p, form inline:一个行内元素可以在段落中包裹一些文字而不会打乱段落的布局,如:span, a none:一些特殊元素的默认 display 值是它,如:script(把display设置成none元素不会占据它本来应该显示的空间)2 盒模型:当你设置了元素的宽度,实际展...原创 2020-12-22 16:28:08 · 91 阅读 · 0 评论 -
ios 屏幕滑动时z-index失效问题(android不会出现)
问题描述:为一块区域设置z-index值,让它在上面;如A区域是2,B区域z-index:3,A和B区域有部分重叠在android上运行时没有问题,但在ios上会出现一个问题:上下滑动的时候,发现A区域和B区域的重叠部分上面为A了原因:ios系统,当滑动屏幕时,z-index失效了,因此导致A-B区域重叠处B被遮挡了解决办法:添加如下:-webkit-transform属性允许我们对元素进行旋转、缩放、移动或倾斜,这里是进行移动,但距离都是0,即可解决问题原因暂时不明..原创 2020-09-07 11:25:19 · 972 阅读 · 1 评论 -
css均分成n列
方式一、floatHTML:<div class="footer"> <div class="tab" style="background-color: blue">首页</div> <div class="tab" style="background-color: red">缤纷活动</div> <div class="tab" style="background-color: green">我的</div>原创 2020-08-24 14:30:39 · 858 阅读 · 0 评论 -
css 红点
html:<i class="reTip" v-if="shortcut.iconIndex === 2 && isShowRedDot"></i>css:位置不对调一下位置即可.reTip{ display:block; background:#f00; border-radius:50%; width:0.6rem; height:0.6rem; top:-0.2rem; right:-0.2rem; position:absolu原创 2020-07-27 11:33:54 · 1122 阅读 · 0 评论 -
给div添加滚动条
Demo:<!--记住宽和高一定要设置,否则不行--><div style=" overflow-y:auto; overflow-x:auto;width:400px; height:400px;”></div>Demo说明:1上面是对水平滚动条和垂直滚动条分别设置,可以直接替换为"overflow:auto"2如果要单独设置水平滚...原创 2019-10-22 09:35:41 · 7984 阅读 · 2 评论 -
1:ul居中文 2:字居中 3:去除ul和li前面的点
一、ul居中1:给ul设置样式:然后ul设置为display:inline-block2:给父节点设置样式:text-align:center二、文字居中设置line-height与标签height一样,则文字会上下居中三、去除ul和li前面的点style{list-style:none;}原创 2018-01-09 20:01:06 · 2762 阅读 · 0 评论 -
css部分样式汇总1
列表: * 1、list-style:none;--去掉li标签前面的"·" * 2、display:none;--隐藏起来不显示 * list-style-image: url(地址);//li前面的圆点用图片替换 超链接: * text-decoration:none;--去掉链接的下划线 * text-decoration:underline;设置为下划线原创 2018-01-09 20:05:20 · 747 阅读 · 0 评论