随笔分类 -  css相关

【RN - 基础】之FlexBox弹性布局
摘要：前言 弹性盒模型（The Flexible Box Module），又叫FlexBox，意为“弹性布局”，旨在通过弹性的方式来对齐和分布容器中内容的空间，使其能适应不同的屏幕，为盒装模型提供最大的灵活性。 FlexBox在大部分情况下都是处理Item在Container中位置和尺寸的关系。 Flex 阅读全文
posted @ 2018-12-28 16:06 lijun8637 阅读(324) 评论(0) 推荐(0)
clip 图像剪裁
摘要：剪裁图像：img { position:absolute; clip:rect(0px,60px,200px,0px); } 阅读全文
posted @ 2017-08-30 17:23 lijun8637 阅读(271) 评论(0) 推荐(0)
css 实现三角形、圆形
摘要：.效果图： div { width:0px; height:0px; border:100px solid red; border-color:red red transparent transparent; transform:rotate(-45deg); -webkit-transform:r 阅读全文
posted @ 2017-08-09 17:44 lijun8637 阅读(264) 评论(0) 推荐(0)
input css重写
摘要：input[type=radio]:hover{ border-color: #35C8EA; } input[type=radio]:checked{ outline: none; } input[type=radio]:checked::after { content: ''; display: 阅读全文
posted @ 2017-08-01 16:47 lijun8637 阅读(300) 评论(0) 推荐(0)
css cursor 常用值
摘要：cursor: default; cursor: auto; cursor: not-allowed; cursor: pointer; cursor: wait; cursor:url('绝对路径'),auto; 阅读全文
posted @ 2017-07-26 12:05 lijun8637 阅读(170) 评论(0) 推荐(0)
css 子div自适应父div高度
摘要：<div class="out"> <div class="a"></div> <div class="b"></div> <div class="c">当父DIV高度变化随里面DIV高度不同而变化的时候，子DIV仍然能充满高度。</div> </div> .out{ border:1px soli 阅读全文
posted @ 2017-07-21 11:13 lijun8637 阅读(5671) 评论(0) 推荐(0)
css自适应
摘要：//宽度 <div style="border:1px solid red"> <div style="float: left;background:#00f;width:100px;_margin-right:-3px">ggds</div> <div style="float: right;ba 阅读全文
posted @ 2017-06-30 11:06 lijun8637 阅读(149) 评论(0) 推荐(0)
css居中
摘要：//IE6、IE7都无效<div style="display:table-cell;vertical-align:middle; text-align:center;width:150px;height:150px;border:1px solid red"> <div style="displa 阅读全文
posted @ 2017-06-30 10:49 lijun8637 阅读(183) 评论(0) 推荐(0)