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
<p style="margin-left:25px;line-height:25px;color:rgb(70,79,85);font-family:Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', serif;text-inden ...
分类：
其他好文 时间：
2020-08-01 12:46:31
阅读次数：
96
可以通过 <div> 和 <span> 将 HTML 元素组合起来。 HTML 块元素 大多数 HTML 元素被定义为块级元素或内联元素。 编者注：“块级元素”译为 block level element，“内联元素”译为 inline element。 块级元素在浏览器显示时，通常会以新行来开始（ ...
分类：
Web程序 时间：
2020-07-29 15:16:30
阅读次数：
83
1块级元素 div 一行一个 可以设置w,h 2行级元素 <a> <span> 一行多个 不可以设置w,h 3行内块元素 <img> 一行多个 可以设置w,h 4转换 <display:inline>将块级元素转换为行级 <display:block>将行级元素转换为行级 <display:inli ...
分类：
Web程序 时间：
2020-07-27 13:49:50
阅读次数：
80
1.圣杯布局 整体思路： 中间列放在最前优先加载，并设置宽度100%自适应； 三列都向左浮动 (此时左右列在下面一行，因为中间列占100%)； 左列设置margin-left：-100%，右列设置margin-left:-宽度，使左右列与中间列同行 (此时左右列会遮挡中间列内容)； 给最外部cont ...
分类：
其他好文 时间：
2020-07-24 23:45:22
阅读次数：
84
外边距：margin margin-top： margin-right: margin-bottom: margin-left: 简写方式： margin：30px；（上下左右都30px） margin：30px 50px；（上下，左右） margin：上 右 下 左； ...
分类：
其他好文 时间：
2020-07-18 15:57:14
阅读次数：
58
