2020年8月23日
flex布局
摘要： <style> div{ /* 必须并且只能给父元素添加 */ display: flex; /* flex-direction设置主轴方向 默认的主轴是x轴 默认值是row，从左到右*/ /* flex-direction:row ; */ /* 翻转x轴排列方向 不常用 */ /* flex-d 阅读全文
posted @ 2020-08-23 11:20 不吃肉的羊 阅读(174) 评论(0) 推荐(0)
媒体查询
摘要： //媒体查询最好是从小往大写用min-width //min-width的意思是当窗口大于或是等于750px时执行下面样式 //max-width的意思是当窗口小于或等于750px时执行下面样式 @media screen and (min-width:750px) { html { font-si 阅读全文
posted @ 2020-08-23 09:28 不吃肉的羊 阅读(135) 评论(0) 推荐(0)
transform详细解释
摘要： Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动trans 阅读全文
posted @ 2020-08-23 09:09 不吃肉的羊 阅读(3029) 评论(0) 推荐(0)