<img src="https://img2020.cnblogs.com/blog/2216408/202012/2216408-20201213111053901-2074406338.png" width="50%" height="50%"> <!DOCTYPE html> <html la ...
分类:
其他好文 时间:
2020-12-18 12:31:46
阅读次数:
2
Css的元素显示模式 ##块元素常见的块元素有<h1>~<h6>、<p>、 <div>、 <ul>、 <o|>、 <li>等 ,其中<div>标签是最典型的块元素块级元素的特点:1.比较霸道,自己独占一行2.高度、宽度、外边距以及内边距都可以控制3.宽度默认是容器(父级宽度)的100%4.块元素是一 ...
分类:
Web程序 时间:
2020-11-24 12:46:25
阅读次数:
12
元素居中显示 块级元素居中显示 在body中的某个元素(box1) .box1 { margin: 0 auto; } 通过绝对定位在父容器里居中垂直显示 // 方法一: .box1 { position: absolute; top: 0; right: 0; bottom: 0; left: 0 ...
分类:
其他好文 时间:
2020-11-17 12:18:21
阅读次数:
6
一、块级元素: 1、常见块级元素:h1~h6、p、div、ul、ol、li 2、特点: ①、自己独占一行。 ②、高宽、内外边距都可以控制。 ③、默认宽度时父级宽度。 ④、是一个容器和盒子,里面可以放行内元或者块级元素。 3、注意: ①、文字类元素内不能使用块级元素。 例如:<p>、<h>标签主要用于 ...
分类:
其他好文 时间:
2020-11-13 12:56:47
阅读次数:
7
一、外边距合并 当上下相邻的两个块元素相遇时,如果上面的元素有下外边距margin-bottom,下面的元素有上外边距margin-top,则他们之间的垂直间距不是margin-bottom与margin-top之和,而是两者中的较大者。这种现象被称为相邻块元素垂直外边距的合并(也称外边距塌陷)。 ...
分类:
其他好文 时间:
2020-11-12 13:47:27
阅读次数:
4
1. input 与 button 为什么有空隙? - 要明白为什么,需要了解一下几点基础知识(耐心看完,你会发现竟如此简单) 1. input 与 button 都属于行级块元素,都具有文本特性, 2. html中有一个被称之为:空白文本分隔符的东东(即:html中,无论你在两个行级或行块级元素之 ...
分类:
其他好文 时间:
2020-11-10 11:19:35
阅读次数:
9
CSS 的 vertical-align 属性使用场景: 经常用于设置图片或者表单(行内块元素)和文字垂直对齐。官方解释: 用于设置一个元素的垂直对齐方式,但是它只针对于行内元素或者行内块元素有效。 语法:vertical-align : baseline | top | middle | bott ...
分类:
其他好文 时间:
2020-10-10 16:50:36
阅读次数:
24
一、CSS三大特性 1. css层叠性 层叠性是指多种CSS样式的叠加,如果出现样式冲突,会按照CSS书写的顺序,以最后的样式为准。 2. css继承性 书写CSS样式表时,子标签会继承父标签的某些样式,如文本颜色和字号。想要设置一个可继承的属性,只需将它应用于父元素即可。 3. css优先级 二、 ...
分类:
Web程序 时间:
2020-09-12 21:41:42
阅读次数:
45
知识点一:外边距 1、回顾盒子模型包含:内容、内边距、边框、外边距 2、定义:盒子的边框与其他元素或者浏览器边缘之间的距离 3、使用: ① 上外边距 margin-top: 100px; ② 左外边距 margin-left: 80px; ③ 下外边距 margin-bottom: 50px; ④ ...
分类:
Web程序 时间:
2020-08-18 15:37:29
阅读次数:
108
## 外边距塌陷 ### 产生原因 - 相邻块元素垂直外边距合并 - 兄弟块元素,同时设置不同的 `margin-top` 值,两个的 `margin-top` 最后展示的都是最大的 `margin-top` 的效果。 - html ```html ``` - style ```css .broth... ...
分类:
其他好文 时间:
2020-08-04 09:44:29
阅读次数:
74