![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
bigboy1010
这个作者很懒,什么都没留下…
展开
-
倒计时函数
js中显示时分秒的倒计时函数,商城倒计时抢购中,,原创 2020-04-21 23:22:20 · 135 阅读 · 0 评论 -
Flex布局
Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display:flex; display:inline-flex; } Webkit内核的浏览器,必须加上-webkit前缀 .box{ display:-webkit-flex; display: flex; } 解决兼容性问题...转载 2020-04-14 08:52:18 · 401 阅读 · 0 评论 -
弹性布局
记录弹性布局的学习总结 弹性布局的属性: display:flex | inline-flex;(适用于父类容器上) 两种方式的不同之处在于一个纵向排列,一个横向排列,如下图 flex-folw (适用于父类容器上)复合属性。就是可以同时设置以下两个值 flex-direction (适用于父类容器的元素上):设置或检索伸缩盒对象的子元素在父容器中的位置。如果元素的大小超过父容器,元素...原创 2020-04-13 16:36:04 · 852 阅读 · 0 评论 -
布局(一)——流体浮动布局
记录一下自学过程中对布局的自我理解 一,流体布局 流体布局通俗的讲就像水上偏流的“盒子”一样,哪有缝隙往哪里流动,前提是缝隙放的下“盒子”的宽度,这里的“盒子”宽度用百分比表示,即:width:40%,(相对整个body的宽度),这也算是流体布局的一大优点,可以铺满屏幕 属性用到: float :(为“盒子”添加浮动特性) 值 描述 left 元素向左浮动。 r...原创 2020-04-13 08:57:50 · 1406 阅读 · 0 评论 -
盒子模型的学习记录
盒子模型可以用以下几张图片,直观的展示出来 Content:为输入的内容, Padding:与父元素的边框的距离(可比作包裹内容的容器), Border:父元素的边框,(容器的壁) Margin:容器与Body的距离 再往外就是浏览器的边框了 盒子模型包括的属性: 一,padding 属性: 元素的内边距; —————————————————————————————— ...原创 2020-04-12 19:05:09 · 236 阅读 · 0 评论