本章将讲解 Bootstrap 支持的另一个特性,超大屏幕(Jumbotron)。顾名思义该组件可以增加标题的大小,并为登陆页面内容添加更多的外边距(margin)。使用超大屏幕(Jumbotron)的步骤如下: 创建一个带有 class .jumbotron. 的容器 <div>。 除了更大的 < ...
分类:
其他好文 时间:
2020-05-16 12:43:47
阅读次数:
66
1..伪类、伪元素 伪元素主要是用来创建一些不存在原有dom结构树种的元素,例如:用::before和::after在一些存在的元素前后添加文字样式等,这些被添加的内容会以具体的UI显示出来,被用户所看到的,这些内容不会改变文档的内容,不会出现在DOM中,不可复制,仅仅是在CSS渲染层加入。CSS3 ...
分类:
Web程序 时间:
2020-05-11 22:03:03
阅读次数:
84
外边距合并其实经常会遇到,这里稍微总结一下,以及一些相关的术语 一、什么是外边距合并?(折叠外边距) 外边距合并指的是当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者;而左右外边距不合并。 在CSS当中,相邻的两个盒子(可能是兄弟关系也可能是 ...
分类:
Web程序 时间:
2020-05-09 18:45:24
阅读次数:
140
Web前端面试题目汇总 一、HTML/CSS部分 1.什么是盒子模型? 盒子模型包含内容(content)、内边距(pandding)、外边距(margin)和边框(border)四部分 。 2.行级元素有哪些?块级元素有哪些? 空(void)元素有那些? (1)行级元素 特点:a.可以和其他元素处 ...
分类:
Web程序 时间:
2020-05-06 13:53:16
阅读次数:
77
目录: 1、属性 2、内边距 padding 3、边框 border 4、设置边框圆角 5、外边距 margin 盒子模型:https://www.runoob.com/css/css-boxmodel.html 属性 最小宽度最小高度这些用于适配手机端。 height : 设置元素高度 width ...
分类:
其他好文 时间:
2020-05-06 13:43:52
阅读次数:
61
梳理下平时常用css水平垂直居中方式~ 使用flex布局 HTML CSS 利用flex的 垂直居中, 水平居中 利用相对定位和绝对定位的 HTML CSS 相对定位下,使用绝对定位将上下左右都设置为0,再设置 即可实现居中 利用相对定位和绝对定位,再加上外边距和平移的配合 HTML CSS 相对定 ...
分类:
Web程序 时间:
2020-05-04 13:23:36
阅读次数:
77
1 能用HTML和CSS完成的不用JS。 css优先级: !important > 行内样式 > id > 类 > 标签 > 继承 2 块级元素,内联元素和行内块元素: 1 行内元素只能设置水平方向的内外边距,默认显示本身内容的宽度。 2 块级元素默认显示宽度是容器的100%, 3 行内块元素包括i ...
分类:
Web程序 时间:
2020-05-02 22:53:56
阅读次数:
74
(编程新手) 每个html元素(标签)可以看作一个盒子。从里到外分别是:内容, 内边距, 边框, 外边距. 01内容区 最原始的width和height设置的是内容的大小。 子元素只会出现在内容区里面。 02边框 设置边框接触到了三个属性。分别是:border-style,border-width, ...
分类:
其他好文 时间:
2020-05-01 20:53:15
阅读次数:
87
今天听这个css课程,感觉这个老师真的讲的很烂,明明可以很轻松理解,非得扯上一堆的if什么的,明明很容易就能理解,硬生生给我说懵了。 内外边距倒是蛮有意思的 内边距,自然就是块级标签自己内部的一些距离,然后外边距,就是标签和同级标签之间的距离 margin: 用于控制元素与元素之间的距离;margi ...
分类:
编程语言 时间:
2020-04-29 01:17:17
阅读次数:
75
原文:浅析 CSS 中的边距重叠 浅析 CSS 中的边距重叠 边距重叠是什么 在说边距重叠之前,先以正常的思维来考虑如果你现在是浏览器引擎遇到这种情况应该怎么办? 现在有两个元素 div1 和 div2 紧挨着,中间没有它元素,它们的外边距就会发生重叠。div1 在左,div2 在右,div1 的 ... ...
分类:
Web程序 时间:
2020-04-24 13:09:19
阅读次数:
68