css
潇潇-潇潇
这个作者很懒,什么都没留下…
展开
-
css - 新特性?
css3的新特性? 1.新增各种 CSS 选择器 2.弹性盒模型 display: flex; 3.媒体查询 @media (max-width: 480px) 4.颜色透明度 color: rgba(255, 0, 0, 0.75) 5.圆角 border-radius: 5px; 6.阴影 box-shadow:3px 3px 3px rgba(0, 64, 128, 0.3) 7.渐变 background:linear-gradient(red, green, blue); 8.旋转 transfo原创 2021-12-24 17:13:54 · 223 阅读 · 0 评论 -
css - 清除缓存的方法
1.clear:both 2.overflow:hidden 3.overflow:auto 4.父元素设置display:table 5.:after 伪元素 6.使用before和after双伪元素清除浮动原创 2021-08-31 14:21:14 · 296 阅读 · 0 评论 -
css - 居中对齐
水平居中: text-align:center margin:0 auto; justity-content:center; display:flex;justify-content:center 垂直居中: line-height vertical-align: middle display:flex;align-items:center; 水平垂直居中: 1…display:table-cell 三栏布局实现水平垂直居中: .left{ width:200px; height: 300px; backg原创 2021-08-31 12:16:32 · 107 阅读 · 0 评论 -
CSS - position 属性
一、position的五种定位类型: static relative fixed absolute sticky position:static:静态定位/默认定位: 静态定位的元素不受 top、bottom、left 和 right 属性的影响。 position: static; 的元素不会以任何特殊方式定位;它始终根据页面的正常流进行定位。 position: relative; 元素相对于其正常位置进行定位。 设置相对定位的元素的 top、right、bottom 和 lef.原创 2021-03-01 15:39:23 · 99 阅读 · 0 评论 -
css - 弹性布局
一、弹性布局的作用:为盒状模型提供最大的灵活性 二、任何一个容器都可以指定为Flex布局。 .box{ display: flex; } 行内元素也可以使用Flex布局。 .box{ display: inline-flex; } Webkit内核的浏览器,必须加上-webkit前缀。 .box{ display: -webkit-flex; /* Safari */ display: flex; } 注意,设为Flex布局以后,子元素的float、clear和vert原创 2021-03-01 11:29:58 · 266 阅读 · 0 评论