![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
长腿CX媛
这个作者很懒,什么都没留下…
展开
-
CSS 实现遮罩弹窗效果
CSS 实现遮罩层弹窗效果原理:写一个遮罩功能div,宽度高度均为100%,设置背景色,设置透明度,设置z-index 值为倒数第二大,目的为了在倒数第二层,把页面显示的内容给盖住!写一个弹出功能div,设置z-index 值为最大,目的要显示在最上层!html代码:div id="body">显示页面的全部内容 div id="open">打开弹框div>d原创 2018-01-04 20:24:02 · 3553 阅读 · 0 评论 -
实现一个元素在当前窗口垂直水平居中的几种方法
首先我这里介绍了简单的六种方法,以后如果遇到更好的也会补充,也欢迎大家可以来补充! <div class="wrap"> <div class="box"></div> <span></span><!--这句只有在第四种情况下使用-->原创 2018-12-07 20:19:13 · 516 阅读 · 0 评论 -
CSS HTML实现高度宽度自适应
首先说明auto和100%是不一样的,100%是根据元素的像素有关的,auto是自动的。举个例子:给箱子下添加一个div高度是100%,这时候div高度为box高度300px,这时候如果给这个格设置填充,那么这个格的高度等于框的高度+填充的像素之和。再说一个知识点:正常文档流下,块级元素的宽度等于父元素的宽度,高度为内容撑开的高度;内联元素的高度宽度都是内容撑开的高度宽度; 设置绝对定位/固定定位...原创 2018-12-30 16:19:00 · 6698 阅读 · 0 评论 -
HTMLCSS画三角形的三种写法
HTML: <div class="top_01"><i></i></div> <div class="top_02"><i></i></div> <div class="t原创 2018-12-07 23:00:44 · 835 阅读 · 0 评论 -
高度不确定的时候通过设置padding-bottom属性实现根据父元素宽度自适应变化的高度
通过添加padding-bottom属性,属性值为父元素宽度的百分比;就会当成当前子元素的高度;代码如下:padding-bottom的值是10%,显示的时候的实际高度就是父元素宽度的10%;会随着父元素的变化而变化;...原创 2019-05-28 00:26:35 · 991 阅读 · 0 评论