![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML&CSS
文章平均质量分 72
luoping1998
fighting
展开
-
关于position:relative,absolute,fixed和static
恶补了一下position的一些知识点,写下自己的理解,见谅。首先,position是个啥?定位。就大家所知,position有4个值:relative,absolute,fixed和static。在没有设定的情况下,默认为static,所以在没有特殊要求的情况下,可以省略不写。所以就着重讲讲另外三个。1.relative:相对定位。(相对上一个容器的定位,只会改变自身的定位,不影响其原创 2017-07-17 19:52:43 · 635 阅读 · 0 评论 -
opacity和rgba()
opacity和rgba()都可以设置透明度,但opacity在设置透明度时会被其子元素继承,举个例子:分别用opacity和rgba设置背景的透明度,显示出的效果如下:上面一个是opacity设置的显示出来的结果,由于opacity会被子元素继承,所以字也变透明了,而下方那个是rgba设置的,只有背景颜色变透明了原创 2017-07-16 18:40:26 · 615 阅读 · 0 评论 -
关于三栏布局(浮动法/定位法/margin负值法)
三栏布局就是页面布局主要分为左中右三个部分,普遍为左、右固定中间自适应的形式。 1.定位法三栏布局:CSS代码:html , body { margin: 0; padding:0; height: 100%; } #right ,#left { position: absolute; /*设置定位*/原创 2017-07-18 15:59:53 · 1398 阅读 · 0 评论 -
JS原生实现瀑布流
在暑期留校期间完成了瀑布流的任务,现在写下这篇博客作为总结以及回顾。 首先来讲下瀑布流的思想:首先将屏幕分成n列,图片有规则的(宽度一致高度随机,除了第一排的图片,其余图片的布局紧接在当前列长度最短的那列,并且在实现霸屏的情况下,如果继续滑动鼠标滑轮,图片数据会继续向下加载,直至不再滑动鼠标滑轮)。原创 2017-09-16 21:44:08 · 420 阅读 · 0 评论 -
CSS之margin合并
合并marginCSS中,两个或多个盒(可能但不一定是兄弟)的相邻的margin会被结合成一个margin。外边距按这种方式结合叫做合并(collapse),产生的结合的外边距叫做折叠外边距计算规则当两个或者更多的margin合并时,产生的margin宽度为合并margin宽度中的最大值。至于负margin,就从正相邻margin的最大值中减去负相邻margin的绝对值的最大值。如果没...原创 2018-10-23 21:42:38 · 1923 阅读 · 0 评论 -
BFC理解
BFC定义BFC (Block formatting context) 直译为"块级格式化上下文"。它是一个 独立的 渲染区域,只有Block-level box(块级box)参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。也就是说,BFC就是一类有自己渲染规则的渲染区域,它的渲染规则规定了它的内部子元素的排列方式以及和其它元素之间的关系,所以下面...原创 2018-10-23 21:45:44 · 305 阅读 · 1 评论