CSS
Hamstery
这个作者很懒,什么都没留下…
展开
-
transform、transition、animation使用
目录1 使用Demo1.1 transform1.2 transform3D1.3 transition1.4 animation2 适用场景3 详细参数3.1 transform3.2 transform3D3.3 transition3.4 animation1 使用Demo1.1 transformHTML<div id="div">正</div>CSS...原创 2020-01-15 22:27:25 · 194 阅读 · 0 评论 -
CSS外边距塌陷
1 会产生塌陷的三种情况1)相邻元素之间(上下相邻会塌陷,左右不会塌陷)2)子元素紧贴父元素的最外边时,子元素的margin外边距会影响父元素3)空的块元素中没有任何东西,则上下外边距折叠2 解决方案2.1 首先解释BFC:BFC(Block Formatting Context)块级格式化上下文概念:是在CSS的布局中的一个概念,是一个独立的区域,与外界不影响作用...原创 2018-08-14 13:12:28 · 915 阅读 · 0 评论 -
响应式布局
响应式布局原则:移动端先行flexbox 实现块流动grid网格布局实现块布局变化(配合媒体查询)可伸缩图像max-width:100%;弹性布局容器设置max-width:960px;对于子容器可设置百分比的宽度Grid网格布局对网格容器设置:display: grid; //网格显示grid-te...原创 2018-08-13 11:21:29 · 228 阅读 · 0 评论 -
伪元素清除浮动
:after 伪元素清除浮动适用情况: 容器高度为auto ,且内容中有浮动时,浮动会溢出/*用于清除浮动的伪元素样式*/.clearfix:after{ content: ""; display: block; height: 0; clear: both; visibility: ...原创 2018-07-21 21:50:12 · 469 阅读 · 0 评论 -
CSS3
属性选择器:E[attr]:查找指定的拥有attr属性的E标签 E[attr=value]:查找拥有指定的Attr属性并且属性值为value的E标签 E[attr*=value]:查找拥有指定的attr属性并且属性值中包含(可以在任意位置)value的E标签 E[attr^=value]:查找拥有指定的attr属性并且属性值以value开头的E标签 E[attr$=value]:查找拥...原创 2018-09-06 22:12:39 · 194 阅读 · 0 评论