1、盒子模型 (1)内容区(content):width设置内容区宽度,height设置内容区高度。 (2)内边距(padding):纸盒子的内容区与边框之间的距离 (3)边框(border) 为元素设置边框必须指定三个样式: border-width:边框的宽度 。如果指定了四个值,会分别设置给上 ...
分类:
Web程序 时间:
2020-02-08 17:36:35
阅读次数:
83
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类:
其他好文 时间:
2020-02-03 12:18:50
阅读次数:
85
盒子模型 盒子模型 盒子模型有元素内容、边框(border)、内边距(padding)、外边距(margin)组成; 盒子里面的文字和图片等元素是内容区域; 盒子的厚度 我们称为 盒子的边框; 盒子内容与盒子之间的距离是内边距; 盒子与盒子之间的距离是外边距; 标准盒子模型 盒子边框(border) ...
分类:
Web程序 时间:
2020-02-02 01:22:03
阅读次数:
116
padding:内边距,border:边框,margin:外边距一个padding属性,相当于padding-left,padding-right,padding-top,padding-bottom一个盒子加上padding,border,margin后,会将盒子撑大;border: 3px so ...
分类:
其他好文 时间:
2020-01-30 20:42:07
阅读次数:
60
css 称为层叠样式表 css样式引入方式 第一种 第二种方式 第三种引入方式 css选择器 基本选择器 元素选择器 id选择器 类选择器 属性选择器 后代选择器 组合选择器 (逗号连接) css样式相关 高度宽度 字体相关 字体对齐 颜色设置 (背景,字体颜色都行) 背景 边框 盒子模型 内边距 ...
分类:
Web程序 时间:
2020-01-29 17:38:56
阅读次数:
93
CSS 盒子模型 (点击查看官方解释) 实际上网页中的每一个标签都可以看成一个盒子模型,而这个盒子模型从内到外有以下这几个元素组成 content 内容区域 padding 内边距 border 边框 margin 外边距 并且margin, border, padding分别有上下左右4个值 如上 ...
分类:
Web程序 时间:
2020-01-21 18:17:10
阅读次数:
78
Margin(外边距) - 清除边框外的区域,外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域,内边距是透明的。 Content(内容) - 盒子的内容,显示文本和图像。 ...
分类:
Web程序 时间:
2020-01-18 12:47:45
阅读次数:
83
width是定义元素内容区的宽度;height是定义元素在内容区的高度.在内容区外面可以增加内边距(padding)、边框(border)和外边距(margin),这样的话就成了我们常说的盒子模型,后期内容中会给大家讲到这些,在行内非替换元素会忽略width这个属性,也就是我们不定义这个元素的时候,默认值为auto,由内容将其撑开。绝对单位1.像素px(pixels),在web上,像素px是典型的
分类:
Web程序 时间:
2020-01-16 01:17:54
阅读次数:
147
指的是页面在渲染时,DOM元素所采用的布局模型。 一个元素占用的空间大小由几个部分组成,内容(content)、内边距(padding),边框(border)和外边距(margin)。 可以通过box-sizing来进行设置,其中IE盒模型(也有叫怪异盒模型的)的content包含了padding和 ...
分类:
其他好文 时间:
2020-01-15 19:57:13
阅读次数:
87
margin指外边距,padding指内边距,通常我们指的宽度width包含内容、内边距、border、外边距。 实现代码: 1.html: <el-container class="contaniner_content"> <el-header> <topBarLeft></topBarLeft> ...
分类:
其他好文 时间:
2020-01-14 12:54:07
阅读次数:
74