css
**小星星**
这个作者很懒,什么都没留下…
展开
-
Flex布局完全教程
背景介绍Flexbox 布局(也叫Flex布局,弹性盒子布局)模块目标在于提供一个更有效地布局、对齐方式,并且能够使父元素在子元素的大小未知或动态变化情况下仍然能够分配好子元素之间的间隙。Flex布局的主要思想是使父元素能够调节子元素的高度、宽度和排布的顺序,从而能够最好地适应可用布局空间(能够适应不同的设备和不同大小的屏幕)。设定为flex布局的父元素(容器)能够放大子元素使之尽可能填充可用...转载 2020-01-15 11:45:50 · 393 阅读 · 0 评论 -
CSS中 box-sizing 属性
box-sizing 含有三个属性,分别是 content-box,border-box,inherit1.content-box border和padding不计算入width之内;2.border-box border和padding计算入width之内;3.inherit 规定应从父元素继承 box-sizing 属...转载 2020-01-15 11:20:43 · 148 阅读 · 0 评论 -
外部引用CSS样式link和@import两种方法区别
1、link方法<link rel="stylesheet" rev="stylesheet" href="style.css" type="text/css" media="all" /> 2、@import方法<style type="text/css"> @import url("style.css"); //@impor...转载 2020-01-15 11:15:10 · 140 阅读 · 0 评论 -
css里px、em、rem的区别和应用
第一:px,em,rem的区别在哪?Px是一个绝对字体大小em则是基于基数(比如:1.5em)来计算出来的相对字体大小。这个基数是需要乘以当前对象从其父级遗传字体大小。rem是基于根节点(比如html)的字体大小进行计算的。先说em 如果你的默认父级容器字体为16px ,那么2em=2*16px<div class="parent" style="font-size: 16px"&...转载 2020-01-15 11:11:31 · 120 阅读 · 0 评论 -
如何保持浮层水平垂直居中
(1)利用绝对定位和transform<div class="parent"> <div class="children"> </div></div>.children{ position: absolute; top: 50%; left: 50%; -webkit-transform: t...转载 2020-01-15 10:49:03 · 211 阅读 · 0 评论