CSS
CarolineL
这个作者很懒,什么都没留下…
展开
-
CSS中的单位
CSS中的常用的单位主要包括:px、em、rem、vw、vh、vmin、vmax、%;下面主要描述一下他们之间的具体区别:1、px: 像素,一个像素就是你在计算机显示器上看到的一个点。相对单位,取决于显示设备的分辨率。2、em: 1个em定义为一种给定字体的font-size值。如果元素自身没有设置font-size值,则计算margin、padding、...原创 2018-05-28 19:03:15 · 773 阅读 · 0 评论 -
CSS background-position属性
background-position可以用于设置背景图像的位置。主要有以下三类:1、关键字: center、top、left、bottom、right。如果只写了一个值,那么第二个值默认为center。比如 background-position:top;和background-position:top center;是等价的。2、百分比: background-position:x...原创 2018-06-08 17:37:16 · 15003 阅读 · 0 评论 -
CSS外边距合并
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。而只有普通文档流中的块框垂直外边距才会发生合并。行内框、浮动框或绝对定位不会发生外边距合并。1、相邻元素 2、父子关系元素当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并...原创 2018-06-08 19:27:18 · 261 阅读 · 0 评论 -
CSS中的position
position有static、relative、absolute、fixed、inherit几个属性.1、static 默认值,元素正常出现在文档流中。2、relative 相对元素原始的位置进行定位,可以通过top、left、bottom、right指定偏移位置。元素原本所占的空间仍然被保留。3、absolute 绝对定位。将元素从文档流中移出,使用top、left、bott...原创 2018-06-09 22:00:46 · 1197 阅读 · 0 评论 -
清除浮动
当一个元素设置了浮动后,它会被移出文档流,向左或向右移动,一直平移到所处容器的边框或另一个浮动元素。使用浮动可以实现一些布局效果,但是在使用时需要注意,如果父级高度未设置会出现父级容器高度塌陷的问题。比如下面这个例子: .box { width: 600px; background-color: rgb(224, 206, 247); border: 5...原创 2019-03-31 22:28:55 · 177 阅读 · 0 评论 -
两栏布局
1、浮动 + margin(正)左侧固定,右侧自适应将固定块左浮动,自适应块设置margin-lefthtml: <div class="container"> <div class="fix">左侧固定</div> <div class="content">右侧自适应</div> </div>...原创 2019-04-01 22:07:41 · 285 阅读 · 0 评论 -
三栏布局
三栏布局一般是两边固定中间自适应,方法与两栏布局相似。1. 浮动布局html: <div class="container"> <div class="left">左侧固定</div> <div class="right">右侧固定</div> <div class="content">自适应区...原创 2019-04-01 23:08:51 · 498 阅读 · 0 评论